【CSS】CSS字体图标iconfont

CSS字体图标iconfont展示的是图标，本质上还是字体

使用字体图标步骤：

1. 字体图标的下载
2. 将字体图标引入到HTML
3. 字体图标的追加（以后添加新的小图标）

推荐下载网站
icomoon字库https://icomoon.io/ 国外服务器
阿里iconfont字库 http://www.iconfont.cn

icomoon字库举例
字体图标下载

1. 

2. 

3. 

4. 
   编辑完直接关闭即可

5. 

字体图标使用

1. 

2. 

3. 打开下载的文件里的demo.html
   

完成以上就可以了

字体图标的追加
如果图标不够用了

然后就添加新的图标就可以了，选完重新下载压缩包，并替换原来的文件即可。

字体图标加载原理