阿里矢量图标库 - Unicode 方式使用说明（两种用法）

前言

此篇直接绕过 下载 和 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';    
}