web字体平滑和反锯齿在Firefox和Opera(Webfont Smoothing and An

我有嵌入我的网站上一些定制的网络字体，我用这样的东西

//-webkit-text-stroke-width: .05px;
//-webkit-text-stroke-color: white;
-webkit-font-smoothing: antialiased;

以我的风格渲染输出。这在Safari和Chrome的工作就好了。我得到这样尖锐的边缘和细线。

是否有这样做类似的东西在Firefox的方法吗？或Opera？

Answer 1:

歌剧是通过眨眼，因为15.0版驱动-webkit-font-smoothing: antialiased的确也对歌剧的工作。

火狐终于添加了一个属性，以使灰度化抗锯齿。良久之后的讨论将在25版可与另一语法，指出该属性仅适用于OS X.

-moz-osx-font-smoothing: grayscale;

这应该可以解决模糊图标字体或深色背景光的文字。

.font-smoothing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

你可以阅读我的关于OSX字体渲染后 ，其包括萨斯混入处理这两种特性。

Answer 2:

好了，Firefox不支持类似的东西。

在从Mozilla的参考页面指定font-smooth作为CSS属性控制反混叠时的字体呈现该应用程序，但该属性已经从本说明书中删除 ，且目前不是标准的轨道上。

此属性仅在Webkit的浏览器支持。

如果你想替代你可以检查此：

文字阴影抗锯齿| 菲利普Renich，网站-博客
的Cufón -字体为人民

Answer 3:

案例：用深色背景的Firefox（V35）/ Windows的锯齿Web字体浅色文字
例如：谷歌的Web字体鲁达

令人惊讶的解决方案 -
加入下列属性所施加的选择器：

selector {
    text-shadow: 0 0 0;
}

其实，结果是一样的只是text-shadow: 0 0; ，但我喜欢明确设置模糊半径。

这不是一个通用的解决方案，但在某些情况下可能会有帮助。而且我没有经历过（也没有彻底的测试）这种解决方案的负面性能影响至今。

Answer 4:

运行到了这个问题之后，我发现我的WOFF文件没有做好，我发了新的TTF到FontSquirrel这给了我一个适当的WOFF这是在Firefox光滑，不添加任何额外的CSS它。

Answer 5:

我发现这个链接的解决方案： http://pixelsvsbytes.com/blog/2013/02/nice-web-fonts-for-every-browser/

通过步骤方法步骤：

发送您的字体到WebFontGenerator并获得拉链
发现在Zip文件中的TTF字库
然后，在Linux上做这个命令（或者通过安装apt-get install ttfautohint ）：
ttfautohint --strong-stem-width=g neosansstd-black.ttf neosansstd-black.changed.ttf
那么，多了一个，在WebFontGenerator发送新的TTF文件（neosansstd-black.changed.ttf）
你得到你所有的网络字体的完美邮编！

我希望这将有所帮助。

Answer 6:

...在body标签和这些从内容和字体长相一般更好...

body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;

font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}


#content {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}