Bootstrap

字体文件太大,导致页面加载慢(ttf文件压缩 字蛛)

网页开发过程中,需要用到个性化的字体,此时需要引入字体文件

由于字体文件本身很大, 会导致页面加载速度受到很大影响;因此可以将字体进行压缩处理,再引入页面

首先配置node环境,这里就不多介绍了

准备好node环境之后,安装font-spider,输入npm install font-spider -g

安装成功后就可以进行字体压缩了,为了方便,可以新建一个index.html,引入对应的css文件,css中引入字体文件,确保ttf文件被引用

然后使用命令 font-spider E:\folder\index*.html 对字体压缩

在folder下会重新生成压缩后的ttf文件

注:这种方式适用于静态页面,因为字蛛是爬到页面需要的文字,将这些文字保留,删除没有用到的文字,从而压缩

附:web 中文字体演示与工具  http://font-spider.org/

 

;