引入外在字体抽取需要的字体进行压缩、中文字体压缩、ttf文件压缩、font-spider基础使用

网站开发中我们常需要引入外部字体,但实际在应用的我们只需要应用到外部字体的部分字体,这样对于一个动辄20M的字体包,实际使用只有那么百来个字是很不划算的。那么我们如何抽调出自己需要的字体,去除多余的字体对字体包进行压缩呢?

字蛛(FontSpider)一款对字体包进行压缩的软件,本文简要介绍如何使用字蛛(FontSpider)!

使用步骤:

1、安装NodeJS

2、安装font-spider

npm install font-spider -g

3、css中引入外部字体

@font-face{
font-family:myFont;
src:url('msyh.ttf');
}

注意事项:

3.1. @font-face 中的 src 定义的 .ttf 文件必须存在,其余的格式将由工具自动生成

3.2. 开发阶段请使用相对路径的 CSS 与 WebFont

4、完成后进入项目下运行

font-spider *.html

5、生成的新的字体包会替换掉旧的字体包,旧字体包将备份在.font-spider文件夹下。

字蛛(FontSpider) 官网地址

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!