项目中添加自定义字体图标

标签(空格分隔): css


有的时候项目中的字体图标并不能满足自己的需求,需要自己制作字体图标

前提: UI提供svg格式的图片或者自己直接在阿里巴巴矢量图标库下载

步骤一:进入阿里巴巴矢量图标库这个网站,点击右上角的云上传图标

项目中添加自定义字体图标_第1张图片
云上传.png

步骤二:将本地svg文件上传后,将需要的图标批量加入购物车
项目中添加自定义字体图标_第2张图片
批量加入购物车.png

步骤三:点开购物车,下载代码


项目中添加自定义字体图标_第3张图片
下载代码.png

步骤四:代码下载后解压,主要需要以下两个文件,需要将iconfont.css引入,同时在demo_fontclass.html中按照里面的步骤考出需要的html代码即可

你可能感兴趣的:(项目中添加自定义字体图标)