• 13165311252
阿里巴巴图标iconfont使用方法
作者:admin / 2021-02-22 / 浏览次数:

图标库有很多,例如: Font Awesome , bootstrap 等,阿里巴巴也提供了很强大的免费图标库:iconfont,下面就来介绍一下免费的使用方法。

1、登录阿里巴巴矢量图标库,网址:https://www.iconfont.cn/

2、登录账户(可以用微博、GitHub账号直接登录)

3、搜索自己需要的图标,例如:手机,不得不说,图标非常之多!(下面显示的只是部分内容)

4、选取自己需要的图标,添加入库

5、搜索并添加自己需要的其他图标入库,例如我添加了着一些

6、引用阿里图标库的方法有三种,分别是:调用阿里cdn远程引入,下载图标引入图标文件(支持PNG和SVG和AI格式图片下载),下载图片字体文件自行引入(下载下来的压缩包中有演示文档及使用说明)

7、对于阿里图标库中不存在的图标或者说,你没有搜到这款图标,但是你在别的图标库中下载到了这款图标的话,你还可以将该图标上传到你的项目里面去,这样,你就可以通过阿里图标库来调用这款图标了。

以阿里CDN引入为例:

每个图标需要引入时,只需要先引入阿里云提供的cdn,然后在需要添加图标的地方添加如下代码就可以了:


<i class="iconfont 这里是图标代码"></i>
【川芎业务】网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯

网站建设 网络推广外包 新闻动态 关于我们 联系我们

备案号:鲁ICP备11032800号-3 创业有风险,投资需谨慎 

公司地址:山东省济南市天桥区三孔桥环球嘉汇广场A823室 咨询QQ:407206415 电话:13165311252