iconfont阿里图标引入不生效的解决方法,三种引入方式详细步骤。

1.登录阿里图标官网 2.注册自己的账户，创建项目 3.加入自己使用的图标，加入购物车 4.选中项目

5.选中引入方式:

第一种.使用统一码 Unicode 第二种.使用class Font class

使用步骤: 第一种: 1.点击Unicode 2.创建一个css文件(iconfont.css)

3.html中link引入

4.使用

第二种: 1.点击 Font class 2.点击 3.跳转一个新页面

复制里面的所有内容 4.粘贴到一个css文件夹中(iconfont.css)、

5.link引入

6.使用

效果图: 第三种: 直接下载到本地,项目中引入iconfont.css即可

1.link引入

2.使用

总结:生成的项目必须是base64，如果按照这些步骤引入的，不生效， 解决方法如下: 1.点击项目设置 2.选中Base64 3.点击保存. 4.重新生成新的文件夹，引入到项目中。