Iconfont图标的使用方法

目前阿里巴巴图标库的图标已经非常多了,可以满足我们日常的开发需求,一种图标有多个不同的样式可以随意选择,使用起来也特别方便。下面说一下使用方法:

1.打开阿里巴巴图标库官网网站(直接点击链接即可)

Iconfont图标的使用方法_第1张图片

2.点击图标库,进入到图标库界面,可以看到很多种的图标,可以直接选择所需图标,也可以在搜索框搜索,如下图所示

Iconfont图标的使用方法_第2张图片 

3.例如我搜索“放大镜”图标,选择一个,加入购入车(就像淘宝购物一样操作及其简单)

Iconfont图标的使用方法_第3张图片 4.添加到购物车之后,打开购物车就会显示自己已经添加的图标,然后选择添加至项目,我新建了一个项目取名叫iconfont,然后点击确定就可以看到放大镜图标已经被添加至iconfont中来了。

Iconfont图标的使用方法_第4张图片

Iconfont图标的使用方法_第5张图片 Iconfont图标的使用方法_第6张图片

Iconfont图标的使用方法_第7张图片 

6.点击“下载至本地”按钮,把他下载下来,下载之后进行解压。下图用红色框框的是三种使用方法的详细解说,按照教程上把图标添加至我们的项目中即可。

Iconfont图标的使用方法_第8张图片 

你可能感兴趣的:(Iconfont图标的使用方法)