iconfont的基本使用

阿里巴巴的iconfont网站有很多小图标可供我们使用,链接如下iconfont网站链接。

这个图标资源库可以一个图片一个图片的下载,也支持批量下载。下面我来介绍下批量下载。

进入网页之后,可以选择自己需要的小图标,将鼠标移动到小图标上之后,就会出现如下所示的3个按钮。

iconfont的基本使用_第1张图片

这3个按钮分别是添加到购物车、收藏、下载的按钮。如果需要批量下载图片,我们可以先添加到购物车。

iconfont的基本使用_第2张图片

加入购物车之后,点击购物车按钮就会在右侧出现一个弹框。

iconfont的基本使用_第3张图片

点击添加到项目(添加到项目,可以根据自己的需要设置下载哪些选项)

点击添加到项目之后会出现项目选择弹框。可以选择已创建的项目,也可以重新创建一个项目。

iconfont的基本使用_第4张图片

点击右侧的“+”图标可以输入要创建的项目名称

iconfont的基本使用_第5张图片

输入名称之后,点击确定会进入项目界面

iconfont的基本使用_第6张图片

点击项目设置按钮,对项目进行设置

iconfont的基本使用_第7张图片

勾选配置之后保存。(注意一定要先勾选Base64,之后再勾选EOT和SVG,EOT和SVG这两项勾选才会生效)

保存之后点击下载到本地,即可下载压缩文件在代码中进行使用了。

 

 

 

 

 

 

 

你可能感兴趣的:(iconfont)