我们在主菜单导航项中使用 Titillium 字体，该字体来自文件“TitilliumWeb-Regular.ttf”。
为什么 Firefox 中的字体看起来与 Chrome 中的不同？当我比较它们时，我似乎发现一个看起来很锯齿。这只是标准的浏览器行为还是我可以做些什么来改进它？
有问题的网站在这里 - http://www.microserveltd.co.uk
问问题
79 次
1 回答
1
它们不同是因为 Windows 浏览器实现了自己的光栅化引擎来将矢量字体转换为像素 -> 不同的实现 = 不同的结果。WebKit 的一个简单解决方法是添加-webkit-font-smoothing:antialiased到您的字体声明中，但是应该谨慎使用，并且显然对非 WebKit 浏览器没有帮助。此外，您只提供 .ttf 字体格式，如果您提供多种类型的文件，您将获得更好的跨浏览器/跨平台性能。您可以在font squirrel生成 @font-face 样式，您可以在此处阅读 OTF 与 TTF 的值：http: //blogs.adobe.com/typblography/2010/12/the-benefits-of-opentypecff-over -truetype.html
于 2013-06-04T21:07:29.707 回答