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

所以我这样使用字体

<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中,字体根本不显示,其空白)

解决方法

尝试使用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似乎没有这个问题.