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

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

5.选中引入方式:

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

使用步骤:
第一种:
1.点击Unicode

2.创建一个css文件(iconfont.css)

粘贴到css文件中

3.html中link引入

<link rel="stylesheet" href="../css/iconfont.css">

4.使用

<i class="iconfont"></i>

第二种:
1.点击 Font class
2.点击

3.跳转一个新页面

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

粘贴到css文件中

5.link引入

 <link rel="stylesheet" href="../css/iconfont.css">

6.使用

<i class="iconfont icon-gouwuche2"></i>

效果图:

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

1.link引入

<link rel="stylesheet" href="../css/iconfont.css">

2.使用

<i class="iconfont icon-gouwuche2"></i>

总结:生成的项目必须是base64，如果按照这些步骤引入的，不生效，
解决方法如下:
1.点击项目设置

2.选中Base64

3.点击保存.
4.重新生成新的文件夹，引入到项目中。

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

iconfont svg图标不能更改颜色的解决方法
iconfont svg图标不能更改颜色的解决方法参考文章: (1)iconfont svg图标不能更改颜色的解决方法 (2)https://www.cnblogs.com/chaoyueqi/p/ ...
10038 mysql,关于MySql 10038错误的完美解决方法(三种)
第一种方法: 第一步: 先看报错窗口 2003 can't connect to MySQL server on '127.0.0.1'(10038). 第二步: 原因是:远程3306端口未对外开放操 ...
mysql 2003 10038_关于MySql10038错误的完美解决方法(三种)
第一种方法: 第一步: 先看报错窗口 2003 can't connect to MySQL server on '127.0.0.1'(10038). 第二步: 原因是:远程3306端口未对外开放操 ...
mysql10038_关于MySql 10038错误的完美解决方法(三种)
本文给大家带来三种有关mysql报10038错误的解决方法,每种方法都非常不错,需要的朋友参考下第一种方法: 第一步: 先看报错窗口 2003 can't connect to MySQL serv ...
移动硬盘已连接USB我的电脑不显示的全网最细汇总多种解决方法（保姆级图文详细步骤）
步骤系列文章前言检查设备,确认你有盘符,如果没有盘符下面的方法无用 1.重启设备,禁用后启用设备 2.重装设备,卸载设备后再次插入安装设备总结系列文章提示:转到日常小技巧专栏,观看更多内容 ...
png转iconfont_关于阿里图标库Iconfont生成图标的三种使用方式-新闻详情
关于阿里图标库Iconfont生成图标的三种使用方式发布时间:2017-07-28责任编辑:朱明浏览:1843 相信做过前端的都知道阿里巴巴矢量图标库,这是一个非常好用的添加小图标的方法,而且是完 ...
Maven配置本地仓库和阿里云镜像仓库不生效的解决方法
1.Maven配置看这个https://blog.csdn.net/xylyaya/article/details/105112929 进入cmd,输入 mvn help:system 出现上图,则 ...
mysql 修改配置生效_MySQL修改my.cnf配置不生效的解决方法
本文实例讲述了MySQL修改my.cnf配置不生效的解决方法.分享给大家供大家参考,具体如下: 一.问题: 修改了 my.cnf 配置文件后,却不生效,这是怎么回事? 二.原因: 我们注意到,这里只说 ...
java环境变量修改不了_win10系统安装了jdk,修改环境变量配置不生效的解决方法...
Win10系统安装了jdk,修改环境变量配置不生效怎么办?今天系统天地给大家分享win10系统安装了jdk,修改环境变量配置不生效的解决方法. 访问: win10系统安装了jdk,修改环境变量配置不生 ...

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

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

最新文章

热门文章