Question

基本上我使用的网络字体在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>

Answer 1

Dennis Traub在（先前）已接受的答案中链接的文章是关于WebGL的抗锯齿，与字体平滑无关。这个问题的简单答案是：否。

更新：Firefox现在支持-moz-osx-font-smoothing: grayscale;，其工作方式与-webkit-font-smoothing: antialiased;基本相同。

Answer 2

根据this article，Firefox 10将是第一个实现抗锯齿的版本。

是否有一个类似于-webkit-font-smoothing的firefox：antialiased;？

2 个答案: