奇怪的问题,而谷歌字体呈现 [英] Strange Issue while Google Font Rendering

查看:153
本文介绍了奇怪的问题,而谷歌字体呈现的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

所以我使用这种字体

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

解决方案

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



将您的 googleapis.com 链接替换为一个,它应该工作:

< link href ='https://code.cdn.mozilla.net/fonts/fira.css '您可能仍然需要将Google的CDN用于Open Sans,除了Mozilla的Fira Sans外,Open Sans似乎也没有这个问题,据我所知。


So I am using the fonts this way

<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>

This is the result...

I am completely confused as how this can even happen? What am I doing wrong. The issue seems only on the home computer. Rest everywhere I checked its fine.

Home PC: Firefox, Windows 7 (In chrome the fonts are not displaying at all, its blank)

解决方案

Try using Mozilla's CDN instead of Google's; the latter seems to be buggy with regards to the Fira Sans font.

Replace your googleapis.com link with this one and it should work:

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

You might have to still use Google's CDN for Open Sans, in addition to Mozilla's for Fira Sans, but Open Sans doesn't seem to have this issue as far as I am aware of.

这篇关于奇怪的问题,而谷歌字体呈现的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆