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

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在&#39;&#39;,则表示换行,用&#39;&#39;切割。
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...