1.百度搜搜索阿里云矢量库
2.开发时多使用单色矢量库
3.选择一个你喜欢的图标 并且添加到购物车
4.点击右上角购物车 可以看到自己添加过的图标
5.点击添加至项目
专业人士可以使用github登陆
非专业人士使用微博登录即可
6.点击右侧加号
创建一个项目
自己进行命名
之后点击确定就进入自己的项目库了
7.将代码显示出来即可
在Font class中查看的是该图标的css样式表
点击这个链接这样就能看见你添加的图标的样式啦!
复制链接(注意这个链接要放入html的外链样式表的href属性中时 要记得加上http )
示例如下
<!--复制的链接前没有http 要自己补充 并且要把这个链接在浏览器打开查看图标的css样式源码-->
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2737111_rgc4iudix9f.css">
8.显示图标
!!!!!注意矢量图标只能应用在行级元素中 !!!!!
比如
<i></i>
<em></em>
<strong></strong>
<span></span>
等等
方法一:接下来在点击链接后的网页中选择自己想要的图标对应的伪类名,写入自己代码的行级元素的class属性中就可以了
方法二: 或如果你很熟练的话可以直接在图片上点击复制代码,这个意思就是你直接把这个图标的伪类名复制下来了