扫一扫分享
font-spider是一个智能自动化压缩工具,它能自动分析页面使用的 WebFont 并进行按需压缩,并不需要指定字体与字符。
npm install font-spider -g
/*声明 WebFont*/
@font-face {
font-family: 'source';
src: url('../font/source.eot');
src:
url('../font/source.eot?#font-spider') format('embedded-opentype'),
url('../font/source.woff2') format('woff2'),
url('../font/source.woff') format('woff'),
url('../font/source.ttf') format('truetype'),
url('../font/source.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*使用指定字体*/
.home h1, .demo > .test {
font-family: 'source';
}
特别说明: @font-face 中的 src 定义的 .ttf 文件必须存在,其余的格式将由工具自动生成
font-spider [options] <htmlFile1 htmlFile2 ...>
一个或多个页面地址,支持 http 形式。
-h, --help 输出帮助信息
-V, --version 输出当前版本号
--info 输出 WebFont 的 JSON 描述信息,不压缩与转码
--ignore <pattern> 忽略的文件配置(支持正则表达式)
--map <remotePath,localPath> 映射 CSS 内部 HTTP 路径到本地(支持正则表达式)
--no-backup 关闭字体备份功能
--debug 调试模式,打开它可以显示 CSS 解析错误
手机预览