互联网知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

Iconfont使用方法的详细教程,html怎样引入iconfont

作者:小灵 | 2019-09-28 09:54 |点击:

1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车(这一步很简单,就像逛淘宝一样!); 


2.然后就是点击一下购物车,它会出现‘下载代码’的按钮,点击下载保存到本地; 

3.接着就是把下载好的文件解压出来,放到项目的css文件夹(方便之后在html中引用); 


4.文件放到项目后,只需要引用iconfont.css这个文件即可; 
5.最后一步肯定是调用了: 
html:


<i class="iconfont">&#xe606;</i>
<i class="iconfont">&#xe602;</i>
<i class="iconfont">&#xe600;</i>
<i class="iconfont">&#xe608;</i>


虽然有点繁琐,但是阿里的图库还是很牛逼的,基本上项目需要用到的图标都能找得到;而且现在的设计师看到这个东西都懒了,直接在这上面找。 
喜欢或者有帮助的话,请赞一下,谢谢!么么哒
 
如没特殊注明,文章均为狐灵科技原创,转载请注明   "Iconfont使用方法的详细教程,html怎样引入iconfont
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:15082661954 / 大客户专线:15523356218