网页的字体的使用，大家都清楚，有时一些特殊字体只能使用图片来代替，因为担心用户的浏览器不具有这样的字体无法正常渲染页面的效果。为了解决这个问题，前面本站推出CSS3的@font-face来实现一些特殊字体的效果。效果是作出来了，但性能大家又说，加载文件太大，直接影响了网站的性能。说真的真是鱼和熊掌不能兼得呀，而且@font-face对于中文字体来说还是蛮麻烦的。那么是不是除了@font-face就别无他法了呢？不是的，现在Google Font Api也能实现。今天学习了一下觉得蛮实用的，也是相当的方便。整理了一下放上来与大家一起分享。

目标

目标很明确，需要使用下面的字体来渲染网页的字体效果：

实现步骤

今天我们不使用CSS3的@font-face来制作，而是使用Google Font Api来实现这样的效果，下面我主要分以下几步来介绍：

第一步：打开Google Font Api官网网站

首先点击这里进入官网，你会看到这样的一个页面：