我在我的网站上使用了两个Google Web字体。它们是Roboto Slab和Fauna One。它们在最新的Mozilla Firefox和IE10中看起来不错,但出于某种原因,它们在Google Chrome中看起来很糟糕。
它们与我的网站链接如下:
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
我花了一段时间才意识到谷歌浏览器存在网络字体问题,并且导致它们效果不佳。我想知道是否有解决方案?
如果我下载这两种字体类型并将它们嵌入到我的网站的主目录中然后通过@ font-face属性通过CSS调用它会怎么样?在这种情况下谷歌Chrome会很好地渲染这些字体,否则我仍然会遇到同样的问题和渲染效果不佳的字体???
或者还有其他解决方案可以解决这个问题吗?
谢谢大家!
答案 0 :(得分:1)
我相信我看到Chrome的一些错误报告,其中提到这将被修复 - 但我不是100%肯定。我相信它实际上不是100%Chrome的错误......
我的理解是,问题与指令中显示字体类型的顺序有关。因此,Chrome会处理多种类型,但并非所有类型都会以相同的质量呈现。显然,谷歌实际上并没有从fonts.google.com以正确的顺序提供字体 - 不知何故......
最后我发现,至少Roboto
(我也在项目中使用),它可用于Font Squirrel(并在Apache 2.0许可下开源) - 所以你可以在这里下载它:http://www.fontsquirrel.com/fonts/roboto(下载Webfont工具包以获得完整的跨浏览器字体支持) - 如果你从自己的网络服务器上使用它,你就失去了CDN在Google服务器上托管的优点,但恕我直言,我宁可失去几毫秒而不是处理如此糟糕的文字......
遗憾的是,Fauna One
无法帮助你 - 它似乎没有列在Font Squirrel上 - 也许你可以在另一个字体网站上找到它?或者字体松鼠上可用的其他类似字体?
答案 1 :(得分:0)
从网络浏览器的角度来看(Chrome是有问题的浏览器),Windows中的Chrome 35难以渲染某些字体,例如Roboto,而没有一些令人难以阅读的可怕文件。
有一项名为DirectWrite的功能,默认情况下会包含在Chrome的未来版本中,以解决此问题。您现在可以通过浏览器网址栏中的chrome://flags
在Chrome 35中启用它。您可以Enable DirectWrite
(在Chrome 35中进行试验),关闭浏览器,打开并重试。
为了清楚起见,我在Chrome 35 for Windows上发现了这个问题。 DirectWrite是一个DirectX API,用于在Windows中呈现字体。 Chrome默认使用Windows图形设备接口(GDI),这似乎是问题所在。
请参阅this article