字蛛(font-spider)压缩字体

by 小Q创意2020-11-11
© 本文 by 小Q创意 版权所有,未经作者本人的书面许可任何人不得转载或使用整体或任何部分的内容。
笔记

字蛛(font-spider)压缩字体
因项目需求使用自定义字体,发现页面加载很慢,字体在8m左右,所以使用font-spider压缩字体大小,提升页面加载速度。

1. 安装node ,npm

 请参照https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
  下载路径https://nodejs.org/en/download/
  安装的时候选择add to PATH  这样node npm 模板都安装了
  安装完毕后,输入cmd后敲回车,在打开的命令行界面,依次输入命令:
  node -v
  npm -v
  如果正确输出版本号,说明我们的NodeJS和NPM就安装好了  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

2. 安装font-spider

在cmd命令里
执行 npm install font-spider -g  
  • 1
  • 2
  • 3

在这里插入图片描述

安装成功后 输入font-spider,如果显示下图信息就说明安装成功了  
  • 1

在这里插入图片描述

3.开始压缩字体

开始使用的思源黑体是otf格式的,压缩了好几遍也没有变化 ,还是一样大小,后来在字客网重新下载字体格式化为ttf,最终压缩成功8m变成8kb左右。
下面开始写怎么实现压缩,下图是压缩后的目录  
  • 1
  • 2

在这里插入图片描述
html源码
在这里插入图片描述
css源码
在这里插入图片描述

cmd命令里执行以下代码
在这里插入图片描述

---

转载请注明本文标题和链接:《 字蛛(font-spider)压缩字体
收藏
下一篇:如何手工缝制

还没有评论奥,快来抢个沙发吧!

身份验证
  • 账 号:
  • 密 码: