字体图标

字体图标就是把字体直接设计成图标的样子。

字体图标的好处

• 放大不会失真
• 可以任意切换颜色
• 用到很多个图标时，文件相对图片较小

字体图标的使用

• 登录阿里icons（https://www.iconfont.cn/）
• 下载代码，并且拷贝到项目中

将字体文件和默认的css文件导入到项目中

字体图标的使用

字体图标的使用步骤

• 第一步: 通过link引入iconfont.css文件
• 第二步: 使用字体图标

使用字体图标常见的有两种方式

• 方式一: 通过对应字体图标的Unicode来显示代码;
• 方式二: 利用已经编写好的class, 直接使用即可;