【ttf压缩】网页开发中引入字体文件过大，加载缓慢的解决办法【字蛛】【web Font】

yueyemoyan

web 中文字体演示与工具使用请前往主页：http://font-spider.org/

需要安装 node.js

输入以下命令：

npm install font-spider -g

运行

安装成功之后就开始压缩了

我的目录是这样的



我的css文件开头是这样的



这里要确保ttf文件一定要有，其他的不管

在你的html中也引用了相应的css文件

接下来就是最后一步了 生成新的字体库

nodejs 命令行输入

font-spider C:\Users\wangchao\Desktop\index*.html

也就是你的html完整路径 【*】 是通配符，表示会扫描所有的html文件

然后回车



这样就成功了，在你原来的字体文件目录下会多出相应的压缩之后的字体文件，发现小了很多吧

然后你再引用相关的新的字体文件就行了

到这里就O了，很简单。