FontSpider是款非常实用的字体压缩器,这软件的界面还是蛮简洁的,软件能够通过分析本地来获取不同的字符,可以用浏览器生成各种不同的格式,有需求的用户们千万不要错过哦!
FontSpider是一个非常神奇的网页中文字体工具,功能十分强大,用户通过该软件可以让网页自由引入中文字体,完全基于CSS,无需js与服务端支持,自动转码,支持IE与标准化的浏览器,字蛛通过分析本地CSS与HTML文件获取 WebFont中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,并生成跨浏览器使用的格式。
先安装好 NodeJS,然后执行:
npm install font-spider -g
在 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-face 中的 src 定义的 .ttf 文件必须存在,其余的格式将由工具自动生成
2. 开发阶段请使用相对路径的 CSS 与 WebFont