Fonts 如何处理不同浏览器中出现的不同字体

Fonts 如何处理不同浏览器中出现的不同字体,fonts,cross-browser,Fonts,Cross Browser,我们在主菜单导航项中使用Titlium字体,它来自文件“TitilliumWeb Regular.ttf” 为什么Firefox中的字体与Chrome中的不同?当我比较它们时,我似乎发现其中一个看起来很参差不齐。这只是标准的浏览器行为,还是我可以做些什么来改进这一点 有问题的站点在这里-它们不同,因为windows浏览器实现了自己的光栅化引擎,将矢量字体转换为像素->不同的实现=不同的结果。WebKit的一个简单修复方法是在字体声明中添加-WebKit字体平滑:抗锯齿,但这应该谨慎使用,显然对非

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

为什么Firefox中的字体与Chrome中的不同?当我比较它们时,我似乎发现其中一个看起来很参差不齐。这只是标准的浏览器行为,还是我可以做些什么来改进这一点


有问题的站点在这里-

它们不同,因为windows浏览器实现了自己的光栅化引擎,将矢量字体转换为像素->不同的实现=不同的结果。WebKit的一个简单修复方法是在字体声明中添加
-WebKit字体平滑:抗锯齿
,但这应该谨慎使用,显然对非WebKit浏览器没有帮助。

此外,您只提供.ttf字体格式,如果提供多种类型的文件,您将获得更好的跨浏览器/跨平台性能。您可以在生成@font-face样式,并且可以在此处了解OTF与TTF的价值:

顺便说一句,迷人的网站