众所周知,在一个app中我们会用到很多的图标,有的时候这些图标还需要显示不同的颜色,大小等等.所以就有了iconfont的出现.iconfont的官方网址.这是阿里巴巴矢量图标库,用这个,可以自由的确定图标的大小,颜色,不在需要等美工同学做出相应尺寸的图.
说一下使用方法和步骤:
第一步,当然是打开iconfont的官方网址(语文水平不高,觉得啰嗦的看重点就行...).
image.png
可以在上图画红框的地方输入汉字来搜索你需要的图标(例如:刷新,搜索等等);
第二步,查找你需要的图标.
image.png
image.png
此时会搜索出所有的刷新图标,选择自己喜欢的就好.
第三步,重点开始了,想要在程序中使用iconfont,那就需要下载.
1.先把喜欢的图标加入购物车.(将鼠标放在图标上就会出现三个按钮),点击第一个按钮,就加入购物车了.我会多选择几个图片加入购物车,来更好的说明使用方法.
image.png
2.点击右上角的购物车图标,打开购物车.
image.png
我一共将5张图片加入购物车,下面的红框是重点:我们需要点击下载代码按钮.
3.解压下载的文件后,打开文件夹,如图:
image.png
4.打开demo_unicode.html文件后,如图:
image.png
image.png
第四步,对照demo来自己测试一遍,用起来很方便.
