微信小程序Skyline渲染下,iconfont字体使用
方法在最后,当中的废话过程可以不看。
感觉快两年没弄微信小程序了,今天突然又要开始搞,发现有个新的渲染官方说性能好、更快。于是果断尝试,没想到一来就卡到了iconfont字体的使用。
这坑爹的哦,起步就卡住了,百度一圈也没找到解决我问题的答案,还加入官方交流群,半天没人鸟一句
社区里面有个相同问题的
链接: skyline 渲染引擎 iconfont怎么使用?.
还是没有从中找到答案,最后还是自己摸索的。
从 这里可以看出css是加载了的,那肯定还是字体那里的问题,所以我就把ttf、woff、woff2三个单独都转一次base64,最后发现ttf转的能正常使用。
解决方法
以前下载的的iconfont字体,base64默认是用woff2转的,要改下用ttf字体格式去转 .
更改前
// An highlighted block
@font-face {
font-family: 'iconfont';
src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABJMAA0AAAAAI
更改后
// An highlighted block
@font-face {
font-family: 'iconfont';
src: url('data:font/ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTaKn950