Little steps

For everyone you meet is fighting a hard battle.

0%

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

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

使用时注意:

  1. @font-face 中的 src 定义的 .ttf 文件必须存在,其余的格式将由工具自动生成
  2. 开发阶段请使用相对路径的 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也可以随意搞了,配合一下自动化工具,应该也可以爽爽的奥~~

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

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