使用在线字体

来源：海口天琥设计培训学校时间：2018/12/4 6:34:42

在 CSS3 中，引入了一个非常强大而且实用的功能来面对上面的字体选择问题。传统的字体选择，要你的操作系统中安装相应字体才可以显示。如果你在网页作品中，使用了其他的创意字体，那么你需要生成相应的文字图片来替换，否则不会显示。CSS3 中的这个功能，就是 Web Fonts，网页中可以使用安装在服务器端的字体。你可以将选择好的字体，上传到服务器中，然后使用 CSS3 新增的 @font-face 属性，来调用服务器上的字体，然后来渲染网页。

支持 CSS3 这一功能的浏览器，会首先找到服务器上的字体，然后下载下来进行渲染。这样就彻底解决了本地操作系统中，没有对应字体的问题。关于 @font-face 的具体使用方法，由于比较多，在本文不再赘述，请大家自行百度之：@font-face的使用方法。

既然如此，那么选择的余地就很大了，只需要有字体文件就可以。于是一些人就开始想，我可不可以提供一个在线字体的服务，大家可以直接看到字体的效果，然后获取代码引用这个字体?于是就出现了在线字体，比较有名的有 Google 在线字体。