2012-01-06 14 views
3

基本的に私が使用しているウェブフォントは、Firefoxでは太字で表示されています。上記のコードをWebkitブラウザで修正するために使用しました。 -moz-font-smoothing: antialiased;は機能しません。だから今私はあなたに、私が単に見落としている別の解決策があるかどうか尋ねています。-webkit-font-smoothingに相当するFirefoxがありますか:antialiased;

注:h1であるかどうかに関わらず、フォントは太字で表示されます。

関連するコード:

@font-face {  
    font-family: 'GelatoScript'; 
    src: url('../fonts/gelatoscript/gelatoscript.eot'); 
    src: url('../fonts/gelatoscript/gelatoscript.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/gelatoscript/gelatoscript.woff') format('woff'), 
     url('../fonts/gelatoscript/gelatoscript.ttf') format('truetype'), 
     url('../fonts/gelatoscript/gelatoscript.svg#GelatoScript') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

h1.pale { 
    color: #f6ff96; 
    font-family: 'GelatoScript'; 
    font-weight: 100; 
    font-size: 3.5em; 
    margin-bottom: 0; 
    text-shadow: .042em .042em 0px #787878; 
} 

<h1 class="pale" >Check this out!</h1> 
+0

これをやめて、なぜここにいるのかを知ることをお勧めします。http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing –

答えて

5

(以前)受け入れられた回答のDennis Traubの記事は、WebGLのアンチエイリアスに関するもので、フォントスムージングとは関係ありません。質問に対する簡単な答えは:いいえ

更新: Firefoxは今-webkit-font-smoothing: antialiased;と基本的に同じように動作します-moz-osx-font-smoothing: grayscale;をサポートしています。

2

this articleによると、Firefoxの10は、アンチエイリアシングを実装した最初のバージョンとなります。

関連する問題