下载iconfont字体并使用、svg转换成iconFont

下载iconfont字体并使用

1.进入阿里巴巴官方字体库 https://www.iconfont.cn/
2.加入购物车

3.选择颜色并下载代码


4.demo_index.html文件里加载了使用方法。有三种，本次只说明使用第二种Font class
5.复制5个文件到自己的项目文件夹下

6.在html中引入iconfont.css文件
7.使用:

8.运行：

svg转换成iconFont

1、打开https://icomoon.io/app/#/select地址，如下图所示：

2.点击“import icons”上传svg

3.选中需要改造的svg，选中后图片为高亮黄色

4.
5.

6.

7.

8.复制fonts文件夹到自己的项目里
9.更改style.css中的文件路径

10.在main.js中引入style.css文件

11.可以使用了