如何处理在浏览器中出现不同的Font

时间:2013-06-03 12:14:07

标签: fonts cross-browser

我们在主菜单导航项目中使用Titlium字体,该文件来自文件“TitilliumWeb-Regular.ttf”。

Firefox中的字体与Chrome中的字体有何不同?当我比较它时,我似乎发现一个看起来很杂乱。这只是标准的浏览器行为还是我可以做些什么来改善这个?

相关网站位于此处 - http://www.microserveltd.co.uk

1 个答案:

答案 0 :(得分: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