IconFont图标字体使用

简介

啥是图标字体? 是一种图,把图标当字体来用,通常是矢量图,不会失真

传统方式

下载图片 =》 调格式 =》 格式不清晰 =》下载新图片 =》 css去控制格式

图标字体

<AtIcon prefixClass='iconfont' value={type.icon} size='28' />

使用

官网:https://www.iconfont.cn

使用步骤:

  1. 打开官网
  2. 挑选图标
  3. 从购物车添加至项目
  4. 拷贝关键文件至资源文件夹下
  5. 改iconfont.css至iconfont.scss
  6. 全局引入(index.html, app.scss, app.jsx引入)
  7. 找到以前的界面/代码
  8. 复制/修改
  9. 查看效果
标注

发表评论

电子邮件地址不会被公开。