解决谷歌字体无法加载

WEB前端 CSS样式 2014年12月7日

在网页中，我们可以用CSS的font-family属性来定义字体，然而定义的字体能否正确显示则在于用户的电脑是否安装了该字体。我们经常能看到国外使用@font-face引入google字体实现个性化字体。说@font-face是CSS3的新特性并不准确，因为CSS2就已经支持了这一特性，并且Internet Explorer早在第5版的时候就已经支持它了。我们可以使用360网站卫士常用前端公共库CDN服务将谷歌的字体转换到360公共库。

在wordpress中使用的是google字体，使用一些国外的模板也都是google字体。但在国内，因为谷歌服务器无法访问，我们有时使用的google字体就无法正常的在用户访问时加载。

在我们自己做网站想让我们自己的网站更新颖，有个性，我们又很不愿不使用google字体。我们可以使用360网站卫士常用前端公共库CDN服务，http://libs.useso.com/。从用户的体验出发，一是用户都可以正常访问，二是用户访问的国内CDN的速度远比国外服务器的速度快。将谷歌的字体转换为360公共库也很简单，只需要把google的域名换成useso就可以了。

360公共库还提供了常用的JavaScript前端库，可以在自己的网页上直接通过script标记引用这些资源，让网站访问速度瞬间提速！

来源：解决谷歌字体无法加载