引入外在字体抽取需要的字体进行压缩、中文字体压缩、ttf文件压缩、font-spider基础使用
CSS
2019-05-23 15:26:34
网站开发中我们常需要引入外部字体,但实际在应用的我们只需要应用到外部字体的部分字体,这样对于一个动辄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) 官网地址
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
3192人已阅读