压缩字体的工具font-spider

字蛛是一个中文字体压缩器。

字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。

  1. 安装 Node.js
    参照安装node.js

  2. 安装font-spider

npm install font-spider -g
  1. 使用。在 CSS 中使用 WebFont:
/*声明 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';
}
  1. 运行 font-spider 命令:
font-spider ./demo/*.html

你可能感兴趣的:(压缩字体的工具font-spider)