宿迁网站建设
建站知识 宿迁网络公司
当前位置:易企宿迁网络公司 >> 资讯中心 >> 建站知识 >> 浏览文章
建站知识

阿里巴巴图标iconfont使用方法

标签:阿里,阿里巴巴,巴巴,图标,使用,使用方法,方法 发布时间:2021年03月09日 阅读:9次

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

1、登录阿里巴巴矢量图标库关键词排名优化,网址:https://www.esmo.cn/iconfont7843/

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

3、搜索本身必要的图标网站排名,例如:手机,不得不说,图标特别很是之多!(下面表现的只是部分内容)

4、选取本身必要的图标,添加入库

5、搜索并添加本身必要的其他图标入库,例如我添加了着一些

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

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

以阿里CDN引入为例:

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


<i class="iconfont 这里是图标代码"></i>
上一篇:办公体系开发网站建设有哪些功能? 下一篇:没有了
江苏省宿迁市宿豫区湖滨新城紫薇大道 近青桐路
Copyrigh © 2015 易企宿迁网络公司 版权所有