如何引入iconfont的字体图标

首先在阿里巴巴矢量字体图标库。

把你想要的图标加入购物车。然后点击进入购物车的界面。看到有个下载代码。然后我们就会得到一个文件夹。我们把文件夹里的css。svg。ttf。woff。woff2复制出来放在我们想要的地方

打开这个demo_index.html的文件我们可以看到使用方法。

我们这里把需要的文件放在了fonts的目录下。然后修改iconfont.css里面文件路径的引入地址。

 

然后使用是 class的值就是iconfont 加视你使用的图标的class就行了。

<span class="iconfont   icon-football_name"></span>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值