基本上我正在使用的Web字体在Firefox中显示过于大胆.我使用上面的代码在webkit浏览器中修复它. -moz-font-smoothing: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>Dennis Traub中的文章链接到(先前)接受的答案是关于WebGL的抗锯齿,与字体平滑无关.这个问题的简单答案是:不.
更新:Firefox现在支持-moz-osx-font-smoothing:灰度;其工作方式与-webkit-font-smoothing基本相同:antialiased;.