小程序规定无法打包ttf 字库文件
从阿里巴巴矢量图标库iconfont下载打包文件
解压只要获取iconfont.css和iconfont.ttf
将iconfont.css改成扩展名iconfont.wxss 加入微信小程序项目
https://transfonter.org 进行格式转换,当然也可以通过其它方式转换。
配置:打开“ Base64 encode ” 选项,选择上传文件的格式“TTF格式”
下载打开 ”stylesheet.css“ 文件,并复制里面的内容
将原先的iconfont.wxss 中的“@font-face”和 “.iconfont”中的代码,替换为复制的代码(注意这里替换的是两段代码)
再添加
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'iconfont' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
最后通过@import“./iconfont.wess"正常引入即可使用