web项目资源——iconfont

Posted xiaotandeblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web项目资源——iconfont相关的知识,希望对你有一定的参考价值。

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

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

以上是关于web项目资源——iconfont的主要内容,如果未能解决你的问题,请参考以下文章

React+Webpack项目中使用Iconfont字体图标

在 iOS 中使用 iconfont

iconfont字体图标导入到vue项目中

iconfont字体图标导入到vue项目中

阿里巴巴IconFont的图标的下载使用

iconfont的使用