2012-01-06 51 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 – 2013-03-18 14:44:58

回答

5

丹尼斯特勞布在(之前)接受的答案中鏈接到的文章是關於WebGL的反鋸齒,並且與字體平滑無關。答案很簡單的問題是:第

更新:火狐現在支持-moz-osx-font-smoothing: grayscale;其在基本相同的方式工作-webkit-font-smoothing: antialiased;

2

this article,火狐10將是實現抗鋸齒的第一個版本。

相關問題