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

前端之家收集整理的这篇文章主要介绍了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>@H_502_3@ 
 

这是结果……

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

家用电脑: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似乎没有这个问题.

猜你在找的HTML相关文章