zblog使用谷歌在线字体库调用在线字体的方法

网站想要个性化，使用个性的字体当然就是最好的表述方法了。但是网页里面显示的字体调用的是访客电脑里面已经安装的字体，如果你调用的字体访客电脑里面没有安装，那当然是显示不出来的。所以这个时候我们就需要用到谷歌在线字体库。

补上一句：谷歌真是大大的良心。

再补充一句：由于一种你懂的原因，所以谷歌的服务现在在天朝是用不了的。so...

还好360来凑了一腿，推出了”360网站卫士常用前端公共库CDN服务“，又可以快乐的使用谷歌在线字体库了。

在正式开始之前必须要啰嗦以下：谷歌在线字体库只支持英文，中文这种几千个基本字的语言太庞大了，还是不要作死的好。zblog使用谷歌在线字体库调用在线字体的方法如下：

在head里面加入引用：

 <link href='http://fonts.useso.com/css?family=Lobster' rel='stylesheet' type='text/css'>

代码解释：family=Lobster中的”Lobster“为字体名称，可根据自身需求修改成你想要调用的字体名称。有几种拓展用法：

1. 调用多个字体用|隔开，举例：family=Lobster|laoui；

2. 字体名称中间的有空格的需要用+号代替空格：family=Lobster+UI；

3. 只需要调用字体里面几个字母的还可以这样：family=Lobster'&text=abcd；

引用完成了就可以在具体位置调用的，譬如这样：我们要把某个div里面的文字全部设置成新的自定义字体，div的class为”ziti“，那么css就是这样写：

.ziti{font-family: Lobster, cursive;}

请务必注意，在调用自定义字体的后面一定要加上一个安全字体以防万一。什么是安全字体？就是几乎所有的电脑都会有的字体就叫安全字体，例如宋体就是标准的安全字体。

最后的最后说上一句，想选择一个符合自己个性的字体请前往谷歌在线字体库官方网站：http://www.google.com/fonts/。呵呵呵呵，由于你懂的原因，要翻墙额！

这样zblog调用谷歌在线字体库的自定义字体就完成了，最后上一张图展示成果。