iconfont图标Font class使用

在阿里巴巴矢量图界面搜索自己需要的图形,将鼠标移入上面,就会出现下图中的三个标,点击购物车
iconfont图标Font class使用_第1张图片
右上角的购物车就会有红色小标,点击购物车,选择下方的添加至项目
iconfont图标Font class使用_第2张图片
iconfont图标Font class使用_第3张图片

添加到你自己的项目,没有的话可以新建,然后点击更新代码,然后复制,如果之前没有的话就可以不用更新,直接复制
iconfont图标Font class使用_第4张图片
iconfont图标Font class使用_第5张图片
复制成功后,在public下的index.html中引入

<link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4025951_exh9oqz0yzl.css">

在需要的地方直接使用:icon-duihao是你的图标名字,可以自行修改

 <i class="iconfont icon-duihao"></i>

颜色大小都可以修改
iconfont图标Font class使用_第6张图片

你可能感兴趣的:(前端)