自定义ICON需求广泛,不过每每只有一些PNG图片,这个时候就须要:css
1:转化PNG为SVG,推荐一个网站 格式转化 须要注意的是,下一步制做须要的SVG文件大小限制为40K,请注意。网站
2:制做ICON,这里又推荐一个网站,就是 阿里图库 教程
3:这个时候已经有了带有本身图标的CSS文件了,最新的文件有6个,以下 图片
4:进入本身的Element项目中,拷贝上面这几个文件到项目中 修改iconfont.css文件: get
5:而后在本身的项目中直接使用本身的clsName就好了 也就是你在阿里图库里看到的: it
不知道这个简陋的教程能不能帮到有些人,要养成记录的习惯。主要仍是为本身!io