font-spider 字蛛，让让网页自由引入中文字体成为可能

Jovi 收录于 FE

0001-01-01 约 408 字预计阅读 1 分钟次阅读

字蛛是一个智能 WebFont 压缩工具，它能自动分析出页面使用的 WebFont 并进行按需压缩。

使用时注意：

@font-face 中的 src 定义的 .ttf 文件必须存在，其余的格式将由工具自动生成
开发阶段请使用相对路径的 CSS 与 WebFont （否则后面还得改回去 - -#）

安装、使用什么的都很简单，基于nodejs

npm install font-spider -g

在css中使用webfont

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17


/*声明 WebFont*/
@font-face {
  font-family: 'pinghei';
  src: url('../font/pinghei.eot');
  src:
    url('../font/pinghei.eot?#font-spider') format('embedded-opentype'),
    url('../font/pinghei.woff') format('woff'),
    url('../font/pinghei.ttf') format('truetype'),
    url('../font/pinghei.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*使用选择器指定字体*/
.home h1, .demo > .test {
    font-family: 'pinghei';
}

执行蜘蛛命令

font-spider ./demo/*.html 页面依赖的字体将会自动压缩好，原 .ttf 字体会备份（好像并没有备份）。

然后蜘蛛会把需要的字提取出来，多余的就木牛了，所以压缩后的webfont 在体重方面非常有优势，麻麻再也不用担心你用webfont了，中文webfont也可以随意搞了，配合一下自动化工具，应该也可以爽爽的奥~~

目录

font-spider 字蛛，让让网页自由引入中文字体成为可能

官网：http://font-spider.org/

github 源码：https://github.com/aui/font-spider