css - 每台机器的颗粒状网络字体

Question

女士们先生们

奇怪的情况。使用 Fontsquirrel 的一些网络字体构建站点。使用提供的@font-face。字体总体上看起来很棒 - 在 Chrome/FF (linux box)、Chrome/FF/Opera (android tablet)、IE (windows phone) 上测试过。然而，在我的 Windows 7 机器上，字体在所有浏览器(FF、Chrome、IE 10、9、8、Opera)上看起来都很糟糕(真的很粗糙，没有抗锯齿)——我发现这既奇怪又无法用谷歌搜索。

尝试过各种 CSS(文本渲染:optimizeLegibility、文本阴影、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 框上的字体看起来不错 - 看吧!

提前致谢。

Answer 1

Linux(也许还有 Android)可以自动提示未提示的字体，因此即使在像素密度较低的屏幕上它们看起来也不错，而且手机的像素密度可能足够了，没有提示也不是灾难性的

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