前言

此篇直接绕过 下载 和 vue 项目中的使用,如果对这块内容还不清楚,可先参考 《阿里矢量图标库 - Font class 方式使用说明》

用法一

官网中的用法,直接根据字体编码使用

<span class="iconfont">&#xe633;</span>
// 与 iconfont.css 文件中的类名样式合并
.iconfont {
    font-size: 28px;
    color: blue;    
}

用法二

使用伪元素 :before 或 :after ,

<!-- 自定义 class 为 view 的元素 -->
<span class="view"></span>
.view {
    color: red;
    font-size: 28px;
    font-family: 'iconfont'     
}
// 也可以使用 :before
.view:after {
    content: '\e633';    
}

 

更多推荐