1.4.3 字体图标

字体图标是在项目中通过字体形式使用的一种图标，在现在的软件开发中用来替代图片以展示页面中的图标，其原理是将图标制作成矢量字体文件，使用时如同在CSS中引入字体文件一样引入字体图标文件。字体图标已经成为现在的软件开发中解决小图片问题的常见手段，相比传统的图片资源，字体图标的使用更加简单、快捷，可减少网络通信量。因此，开发人员要紧跟技术发展步伐，与时俱进，这样才能设计最优的解决方案来完成开发任务。

目前国内项目常用的字体图标库之一为阿里巴巴矢量图标库（https://www.iconfont.cn/），使用方法主要有以下两种。

1.unicode引用

unicode是字体在网页端最原始的应用方式，使用步骤如下。

第一步：复制项目下面生成的font-face。

第二步：定义使用iconfont的样式。

第三步：挑选相应图标并获取字体编码，应用于页面。

2.font-class引用

font-class是unicode使用方式的一种变种，主要解决unicode书写不直观、语意不明确的问题。使用步骤如下。

第一步：复制项目下面生成的font-class代码。

第二步：挑选相应图标并获取类名，应用于页面。

“启嘉校园”项目使用的是font-class引用方式，字体图标文件和CSS文件下载地址如下。

• 字体图标文件：https://book.change.tm/u/a3。

• CSS文件：https://book.change.tm/u/a4。

下载后的文件存放目录和使用方法将在后续任务中讲解，此处可先将文件下载并保存到便于查找的本地磁盘中备用。