微信小程序引用字体包太大,使用font-spider(字蛛)裁切字体包

【微信小程序引用字体包太大,使用font-spider(字蛛)裁切字体包】1.字蛛的安装,这位前辈写的蛮好的: 安装

  1. 网络上找的都是html的压缩方法,我做的方法也是先在html文件里编译好,然后把编译的字体包放到微信小程序里面,我用的笨方法,将我小程序里面的每一个wxml代码都复制到我的一个html文件中,用字符串的方式引入,然后用正则过滤出汉字,最后去重:
正则提取字符串中纯汉字

3.把生成的文字复制到新创建的index.html文件中,这个html目的就是通过字蛛插件导出我需要的字体包:
展示字体包加载的文字@font-face { font-family: 'LV_Global_Demi'; src: url('./LV_Global_Demi.ttf') format('truetype'); }@font-face { font-family: 'LouisVuittonGlobal-Regular'; src: url('./LouisVuittonGlobal-Regular.ttf') format('truetype'); }* { font-family: 'LV_Global_Demi', 'LouisVuittonGlobal-Regular'; }.test1 { font-family: 'LouisVuittonGlobal-Regular'; }, 、 。 . ? ! ~ $ % @ & # * ? ; ︰ … ‥ ﹐ ﹒ ˙ ? ‘ ’ “ ” 〝 〞 ‵ ′ 〃 ↑ ↓ ← → ¥ ˉˇ¨‘’々~‖∶”’‘|〃〔〕《》「」『』.〖〗【【】()〔〕{}[]~|| ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ ≈≡≠=≤≥<>≮≯∷±+-×÷/∫∮∝∞∧∨∑∏∪∩∈∵∴⊥‖∠⌒⊙≌∽√ °′〃$¥ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ':; `:?¢£|??-ˉ′·ˊˋ??―?????″???()!* 我是小程序的文本

4.然后在项目中的根目录跑命令: font-spider ./index.html
最后编译出来的就是我需要的字体包,其实并没有在小程序里面编译,这是我在小程序想到最好的办法了,有更好的方法朋友可以分享出来学习一下。

    推荐阅读