Web字体
在之前我们有设置过页面使用的字体: font-family。我们需要提供一个或多个字体种类名称，浏览器会在列表中搜寻，直到找到它所运行的系统上可用的字体。这样的方式完全没有问题，但是对于传统的web开发人员来说，字体选择是有限的。这就是所谓的 Web-safe 字体，并且这种默认可选的字体并不能进行一些定制化的需求。
比如下面的字体样式, 系统的字体肯定是不能实现的。
那么我们是否依然可以在网页中使用这些字体呢? 使用Web Fonts即可。
Web fonts的工作原理
首先, 我们需要通过一些渠道获取到希望使用的字体。对于某些收费的字体, 我们需要获取到对应的授权。对于某些公司定制的字体, 需要设计人员来设计。对于某些免费的字体, 我们需要获取到对应的字体文件。
其次, 在我们的CSS代码当中使用该字体。
最后, 在部署静态资源时, 将HTML/CSS/JavaScript/Font一起部署在静态服务器中。
从用户的角度来看，浏览器一个网页时, 因为代码中有引入字体文件, 字体文件会被一起下载下来。浏览器会根据使用的字体在下载的字体文件中查找、解析、使用对应的字体。在浏览器中使用对应的字体显示内容。
字体图标
字体可以设计成各式各样的形状，那么能不能把字体直接设计成图标的样子呢？当然可以，这个就叫做字体图标。字体图标的好处：放大不会失真；可以任意切换颜色；用到很多个图标时，文件相对图片较小
字体图标的使用：登录阿里icons（www.iconfont.cn/） 。下载代码，并且拷贝到项目中。将字体文件和默认的css文件导入到项目中。
