1.引入本地iconfont
iconfont文件里面包含 iconfont.ttf、iconfont.css, 将 iconfont.tt64文件转位 base64。
推荐转换工具地址:然后打开 iconfont.css文件,修改 @font-face 部分,将转换好的 base64代码粘贴到对应位置,并且设置 代码如下:
@font-face { font-family: "iconfont"; src: url(data:font/truetype;charset=utf-8;base64,转换的base64内容) format('truetype'); } .iconfont { display: inline-block; }
最后则再项目中App.vue中引入iconfont.css文件
2.引入阿里图标
@font-face { font-family: 'iconfont'; /* project id 876692 */ src:url('http://at.alicdn.com/t/font_876692_b4c5ti59cpk.ttf') format('truetype');}
注意的是src使用加上http