基本的に私が使用しているウェブフォントは、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 –