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

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之外,你可能还必须使用谷歌的CDN for Open Sans,但就我所知,Open Sans似乎没有这个问题.