码迷,mamicode.com
首页 > Web开发 > 详细

web项目资源——iconfont

时间:2020-03-19 18:59:55      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:一个   阿里   png   阿里巴巴   inf   conf   引入   tps   使用方法   

iconfont资源链接(阿里巴巴矢量图标库): https://www.iconfont.cn/

使用方法:
第一步:注册登录,将需要的iconfont加入购物车
技术图片
第二步:将购物车中的iconfont添加到项目中
技术图片
第三步:使用iconfont
技术图片
可见有三种方式可以使用iconfont,但常用的是通过Font class的方式使用
技术图片
技术图片
技术图片
在h5文件中引入iconfont,并将对应类名添加到i标签上,然后i标签就会变成对应的iconfont(需要添加两个类名,第一个iconfont是固定需要的)
技术图片
最后看到,成功的将i标签变成引用的iconfont

web项目资源——iconfont

标签:一个   阿里   png   阿里巴巴   inf   conf   引入   tps   使用方法   

原文地址:https://www.cnblogs.com/xiaotandeblog/p/12526462.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!