归档 标签 友链 关于

使用 Iconfont 图标

在做前端项目、个人网站……时难免需要图标,Iconfont 是我认为目前最好的方案:

  1. 图标来源于设计师、网友,图标多、全;
  2. 强大的自定义功能;
  3. 按需配用,不需要加载冗余资源;
  4. 可以上传自己的图标,统一管理;
  5. 阿里的免费 CDN;

可以称得上一个好用且免费的图标工厂了。

使用步骤

  1. 访问 https://www.iconfont.cn

  2. 使用关键字搜索图标
    image

  3. 挑选喜欢的图标,悬浮在图标上添加入库
    image

  4. 挑选完毕后,添加到一个项目
    image

  5. 可以编辑颜色、尺寸、名称等
    image

  6. 可以自定义项目中的 font-class
    image
    image

  7. 生成并复制代码
    image

注意:添加或编辑了项目内容后需要重新生成代码

image
  • 推荐直接使用 CDN,当然,如果不放心可以下载离线版备份;
  • 更多用法请自行挖掘 ;

· 转载请注明 https://tangkaichuan.cn/use-iconfont/