【CSS】CSS字体图标iconfont


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

使用字体图标步骤:

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

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

icomoon字库举例
字体图标下载


  1. 编辑完直接关闭即可

字体图标使用

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


完成以上就可以了

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

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

字体图标加载原理