谷歌字体渲染时的奇怪问题

Question

所以我这样使用字体

<link href='http://fonts.googleapis.com/css?family=Fira+Sans:700|Open+Sans&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20' rel='stylesheet' type='text/css' />
<style>h1, h2, h3 {font-family: 'Fira Sans', sans-serif; line-height:1.125em} </style>

这是结果......

我完全感到困惑，甚至会发生这种情况？我究竟做错了什么。问题似乎只在家用电脑上。到处休息我检查了它的罚款。

家用电脑：Firefox，Windows 7（在Chrome中，字体根本不显示，空白）

Answer 1

尝试使用Mozilla的CDN而不是Google的;对于Fira Sans字体，后者似乎有些错误。

将此googleapis.com链接替换为此链接，它应该有效：

<link href='https://code.cdn.mozilla.net/fonts/fira.css' rel='stylesheet' type='text/css' />

除了Morailla for Fira Sans之外，您可能还必须使用Google的Open Sans CDN，但就我所知，Open Sans似乎没有这个问题的。

Answer 2

您的GRAPHICS驱动程序配置中是否有任何自定义设置？例如。打开各向异性过滤，抗锯齿等？ Firefox倾向于通过一些优化，结果不好： - /

尝试将所有这些设置转换为“应用程序控制”/自动/默认设置，然后查看是否会产生影响。

Answer 3

我遇到了这个问题。原因是计算机中的时间和日期信息配置错误。调整完后，谷歌字体开始可以正常工作了。