基于每台机器的颗粒状网络字体答案

【问题标题】：Grainy webfonts on a per machine basis基于每台机器的颗粒状网络字体
【发布时间】：2013-09-27 16:11:09
【问题描述】：

女士们和男士们

奇怪的情况。使用来自 Fontsquirrel 的一些网络字体构建网站。使用提供的@font-face。字体整体上看起来很棒——在 Chrome/FF（linux box）、Chrome/FF/Opera（android 平板电脑）、IE（windows phone）上进行了测试。然而，在我的 Windows 7 机器上，所有浏览器（FF、Chrome、IE 10、9、8、Opera）的字体看起来都很糟糕（真的有颗粒感，没有抗锯齿）——我发现这既奇怪又无法搜索。

玩过各种 CSS（文本渲染：optimizeLegibility、text-shadows、font-smooth(ing) 之类的），但没有任何变化。

我也很好奇在本地或通过网络 (AWS) 提供的网站之间是否存在差异 - 没有。

不胜感激。

供参考，字体为：

http://www.fontsquirrel.com/fonts/patua-one?q[term]=patua&q[search_check]=Y

http://www.fontsquirrel.com/fonts/Aaargh?q[term]=aaargh&q[search_check]=Y

第一个特别糟糕，我注意到自从我下载它后，许可证似乎已经改变，你现在不能使用 Webfont Kit 选项卡来下载 CSS - 不知道这是否相关。不过，我确实有一个 Fontsquirrel 批准的 @font-face 声明。

最后的谜团 - Fontsquirrel 上的 Windows 框上的字体看起来不错 - 去看看！

提前致谢。

【问题讨论】：

还应该添加 font-weight: normal 并且我完成了旧的 CTRL -，CTRL + 放大/缩小技巧，看看它们是否改变 - 他们没有。
最好更改字体或使用相关的谷歌字体
天才——我怎么没想到呢！
一个简单的逻辑应用表明字体没有任何问题，因为它们在 fontsquirrel 网站上正确显示。问题在于我如何将此站点提供给特定的机器子集。

标签： css fonts webfonts

【解决方案1】：

Linux（也可能是 Android）可以自动提示未提示的字体，因此即使在像素密度低的屏幕上它们也看起来不错，而且手机的像素密度可能足够了缺乏提示并不是灾难性的

但是，Windows 绝对依赖字体提示来正确显示它们，因此您需要切换到已经提示的字体或使用类似 http://www.freetype.org/ttfautohint/ 的东西来模拟 Windows 上的 Linux 自动提示。

【讨论】：