使⽤字蛛对ttf字体⽂件进⾏压缩
因为页⾯需要，就去⽹上了个字体下载使⽤，
但是下载下来的字体⽂件有近20MB，直接放到⽹页上需要加载很久，因为字体⽂件包含了⼏乎所有的中⽂字符，但是⽹页⽤不了那么多的字，所以下⾯使⽤  字蛛 ⼯具对tff⽂件进⾏压缩，实际就是提取你⽹页中⽤到的汉字，然后根据原tff⽂件⽣成⼀个新的ttf⽂件、
我的⽬录如下
1.⾸先要安装node.js，然后使⽤下⾯命令安装 字蛛
npm install font-spider -g
2.在 CSS 中使⽤ WebFont， 我的base.css⽂件内容如下， .ttf  ⽂件必须要有，其他的⽂件会⾃动⽣成
@font-face {
font-family: 'font-logo';
src: url('../');
src:svg文件怎么生成
url('../?#font-spider') format('embedded-opentype'),
url('../font/font-jianhu.woff') format('woff'),
url('../f') format('truetype'),
url('../font/font-jianhu.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.
css-font {
font-size: 34px;
font-family: "font-logo";
}
PS：调⽤css尽量使⽤相对路径，⽐如： <link rel="stylesheet" href="./css/base.css">
3.运⾏命令⽣成新的 ttf ⽂件， *是匹配所有的html⽂件名字
font-spider ./*.html
最后⽣成的⽂件如下，原来ttf⽂件会备份到 .font-spider ⽂件夹中

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。