谷歌在线字库应用
Google Fonts 提供了超过 600 种的高质量的字体，所有的浏览器都兼容，无需引入 JavaScript，简单易用，更重要的是，免费。
如何使用 Google Fonts
在线字库地址：https://fonts.google.com/
二种方式来添加字体链接：
Standard 方式：
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC" rel="stylesheet">
@import 方式：
<style>
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC');
</style>应用方式：
font-family: 'Noto Sans SC', sans-serif;
粗细选择，比如思源黑体有6中粗细
1.Thin 100
2.Light 300
3.Regular 400
4.Medium 500
5.Bold 700
6.Black 900
这时需要调用粗细字体的话需要再应用地方加：粗细，需要几种就加几个
例如：
https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,500
优化字体包加载
如果您不是大范围的在网页中使用 Google 字体，只是在标题或 logo 里使用，那么可以在 url 里添加 text 参数，来限制加载的字体包的大小，最高能缩减 90%左右的大小，以此来节约下载流量。例如：http://fonts.googleapis.com/css?family= Condiment'&text=Hello
这样，您只会下载 h，e，l，o 这四个字母的字体，大大缩小了字体包的大小。
建议
Google Fonts 很强大，但是也碰到一些加载的问题，最好还是字体声明的时候，在最后添加一个安全字体，来保证万无一失。
什么是安全字体
安全字体这个概念，也许很多人都不是很熟悉，我们先举个例子：
font-family: Arial, Helvetica, sans-serif;
这个对字体（font-family）的定义就是一个安全字体。每种操作系统都有自己默认安装的字体，浏览器只能正常显示操作系统中安装了的字体。而不同的操作系统默认安装的字体不完全相同，有的甚至名称都不一样，在这种情况下，我们必须定义安全字体，使字体在所有的浏览器中都能够正常显示。
在上面这个 font-family 的定义中，我们选择 Arial 作为首选字体（注：Arial 字体是最常用的 sans serif 字体，也是 Windows 的默认字体，当字体很小是不容易阅读），但是，苹果系统中没有这个字体，所以我们选择 Helvetica（和 Arial 很相似）作为第二备选字体，最后我们选择 sans-serif 作为第三备选字体，如果在一个既没有 Arial 也没有 Helvetica 的系统里，那么浏览器会使用默认的 sans-serif 字体来渲染文字。这样，我们很大程度上保证了使用不同操作系统的访问者都能看到相同（至少是类似）的页面文字。
除了 Arial，常见的安全字体还有：
Verdana 字体，它是微软公司的核心字体之一，专门为屏幕显示而开发的。它的应用广泛，宽度大而易于阅读，是显示器中最清晰的字体。CSS 写法：font-family: Verdana, Geneva, sans-serif; Times New Roman 字体，它是最常用的 serif 字体，是浏览器默认的字体。小号字的易读性也很差。CSS 写法：font-family: 'Times New Roman', Times, serif;
