# 引入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

# 在App.vue中引入iconfont.css


 


<style lang="less">
  @import "common/css/iconfont.css";
</style>
1
2
3

# 使用

 

 

<text class="iconfont icon-XXX" /><view class="iconfont icon-XXX" />
1
2
3
Last Updated: 8/25/2020, 11:17:37 AM