如何配置图标

系统中图标,对于刚开始接触的同学一般都是用图片作为图标,还有一种方式是Unicode编译的图标(ttf),有很多好处,这篇主要记录一下如何配置和定义

自定义配置可以访问阿里的 Iconfont

首先选用需要的图标,加入到购物车中

 加入成功后可在右侧的购物车中看到,这里我们可以创建独立的项目,把我们收集的图标丢到项目中

点击确定后,系统会跳转至管理界面,我们点击下载可以下载项目中包涵的图标的压缩包

下载完毕后,打开压缩包,目录如下:

将这2个核心文件丢到我们实际开发项目的css文件夹下即可,如果想要给字体改名至需要在 iconfont.css 中修改为你想要的名称即可(注意ttf文件要保持一致)

修改完毕后,在页面中引入css文件,即可使用,简单的的说,把它理解为字体去处理就ok了(比如修改颜色用color,改变大小用font-size )

页面中给dom增加css即可

比如:

<i  css="iconfont icon-font-back"  />

效果如下

结束,到这里大家应该会了~

成灰之前,抓紧时间做点事!!
原文地址:https://www.cnblogs.com/jony-it/p/10331380.html