实现中文WebFont不再是梦 — Font-Spider(字蛛)

字蛛是一个中文字体压缩器,让网页自由引入中文字体成为可能。为了不让工程与体验制约着设计师对字体选择以及创意的实现,某个团队利用业余时间解决了中文WebFont的两大问题即压缩和转码,于是便有了 Font-Spider (字蛛)的诞生。作为业界首款中文 WebFont 本地自动化压缩与转码工具,中文字体 web 化问题迎刃而解。它是一个 web 字体工具,通过自动化技术来压缩、转码跨平台的中文字体,让网页自由嵌入中文字体成为可能。

201701171484648214106050

字蛛原理

★ 爬行本地 html 文档,分析所有 css 语句

★ 记录@font-face语句声明的字体,并且记录使用该字体的 css 选择器

★ 通过 css 选择器的规则查找当前 html 文档的节点,记录节点上的文本

★ 找到字体文件并删除没被使用的字符

★ 编码成跨平台使用的字体格式

不需要改变 web 工程师现有的编码习惯、工程师可直接通过 css @font-face与选择器定义并应用字体。

压缩&转码

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

window

至于安装方法,使用可以去官网看下:http://font-spider.org/

总结

对于Font-Spider(字蛛),在项目中,也应用过,性能还是挺一般的,采用的是Adobe与Google所领导开发的开源字体,而谷歌和Adobe在大陆打开很慢,这样我们还得搞点CDN加速。

所以Font-Spider(字蛛)还需要不断完善,让更多的中文站点可以使用精美的字体。

-END-

分享到:
赞(0)