IconFont-阿里巴巴矢量图标库
网址
具体使用方法
1 用GitHub账号登录
2
-搜索想要的图标
-鼠标放在图标上
-选购物车添加入库
3
-点击主页面导航右侧购物车
-添加至项目(没项目自己新建一个)
4 三种使用方式 我们使用 Font class 方式
image.png
//HTML
<body>
//--------------------------------------------------使用i标签
//--------------------------------------------------iconfont 必带
//--------------------------------------------------icon-home 图标名称 (上图步骤 3 复制想要的图标名称)
<i class="yxh iconfont icon-home"></i>
</body>
//CSS
//---------------------------------------------------引用图标css (上图片步骤 1-2)
<link rel="stylesheet" href="//at.alicdn.com/t/font_408613_ek7mxvyhy46uhaor.css"/>
<style>
//---------------------------------------------------可用字体形式修改图标大小颜色
.yxh{
color: pink;
font-size: 100px
}
</style>
