# 引入iconfont
# 下载iconfont图标
# 将压缩包里面iconfont.ttf文件转换为base64
转换工具推荐使用base64-encoder
# 替换iconfont.css
打开iconfont.css，替换开头为：
@font-face {
font-family: 'iconfont';
src: url(data:font/truetype;charset=utf-8;base64,转换的base64内容) format('truetype');
font-weight: normal;
font-style: normal;
}
1
2
3
4
5
6
2
3
4
5
6
# 在App.vue中引入iconfont.css
<style lang="less">
@import "common/css/iconfont.css";
</style>
1
2
3
2
3
# 使用
<text class="iconfont icon-XXX" />
或
<view class="iconfont icon-XXX" />
1
2
3
2
3