我们在主菜单导航项中使用 Titillium 字体，该字体来自文件“TitilliumWeb-Regular.ttf”。
为什么字体在 Firefox 中看起来与在 Chrome 中不同？当我比较它们时，我似乎发现一个看起来很锯齿。这只是标准的浏览器行为还是我可以做些什么来改进它？
有问题的网站在这里 - http://www.microserveltd.co.uk
【问题讨论】：
标签： fonts cross-browser
它们不同是因为 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
【讨论】：