大家好,我是老斑鸠,今天让我们了解一下iconfont.cn的使用方法。
这个网站就是阿里巴巴矢量图标库,如果大家在写页面的时候想使用一些矢量图,那就来这个网站,下面我来一步一步的叫大家如何使用这个网站。
1,打开网址https://www.iconfont.cn/, 你需要注册登录一下,支持GitHub,微博快速登录:
2,在搜索框输入你想要的矢量图名称:
3,选择你喜欢的图标,然后点击购物车的小图标:
4,进入你的购物车,点击添加至项目,然后确定:
6,点击symbol,点击生成代码,把代码复制到你的html文档中的script元素的src属性:
7,点击使用帮助,下拉到symbol引用,因为上面代码我们已经复制了,所以直接看第二步第三步,把它们的代码直接复制到你需要的地方:
8,上面的第三步,把代码icon-xxx换成你矢量图的名字,注意保留#,你矢量图的名字在下图里面的复制代码,点击复制代码:
完成啦,就这么简单,再见!