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

yueyemoyan

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

1. 需要安装 node.js

2. 输入以下命令： npm install font-spider -g

3. 运行

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

     我的目录是这样的

     

     我的css文件开头是这样的

     

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

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

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

     nodejs 命令行输入

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

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

     然后回车

     

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

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

     到这里就O了，很简单。