基本上我使用的網頁字體在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>
這將是一個好主意,停止這樣做,並閱讀爲什麼在這裏:http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing – 2013-03-18 14:44:58