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

1.字蛛的安装,这位前辈写的蛮好的: 安装

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



  
  
  
  正则提取字符串中纯汉字



  

3.把生成的文字复制到新创建的index.html文件中,这个html目的就是通过字蛛插件导出我需要的字体包:




    
    
    
    展示字体包加载的文字
    


    
, 、 。 . ? ! ~ $ % @ & # * ? ; ︰ … ‥ ﹐ ﹒ ˙ ? ‘ ’ “ ” 〝 〞 ‵ ′ 〃 ↑ ↓ ← → ¥ ˉˇ¨‘’々~‖∶”’‘|〃〔〕《》「」『』.〖〗【【】()〔〕{}[]~|| ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ ≈≡≠=≤≥<>≮≯∷±+-×÷/∫∮∝∞∧∨∑∏∪∩∈∵∴⊥‖∠⌒⊙≌∽√ °′〃$¥ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ':;`:¡¢£¦«»­¯´·ˊˋƒ‒―‚„†‡•″‹›◦()!* 我是小程序的文本

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

你可能感兴趣的:(javascripthtml)