微信小程序Skyline渲染模式下，iconfont字体的使用！

微信小程序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