中文字库动态生成子集嵌入网页

2015-05-16 15:32:37 +08:00
 jsq2627
最近在研究这个,放一个 Demo

http://font.stackia.me/ (暂不支持IE)

目前只基本实现了 TrueType 字体的分割。OpenType/CFF(比如思源黑体) 的字体是先转换成 TrueType 再分割的。

小心玩坏...

3878 次点击
所在节点    程序员
14 条回复
imWBB
2015-05-16 15:48:06 +08:00
Good
shiny
2015-05-16 15:54:07 +08:00
很有用
d0a1ccec
2015-05-16 15:55:49 +08:00
LucasW
2015-05-16 16:07:35 +08:00
@d0a1ccec
两种东东,iconfont的那个是svg @jsq2627 的是真实字体
字库是放在服务端?怎么实现的
LucasW
2015-05-16 16:08:43 +08:00
原来下载了字库啊
jsq2627
2015-05-16 16:14:18 +08:00
@LucasW 完整字库在服务端,服务器根据客户请求的文字,生成只包含相应文字的 ttf 子集,客户端动态插入 css 来引入字体。
ttf 的解析器和分割器是自己重造的轮子(C#),没有用现成的(大多是 node.js 和 py)

iconfont 那个感觉应该是从完整的 svg 字体分割子集的。svg 比 ttf 解析起来容易很多。
lizheming
2015-05-16 16:14:21 +08:00
@LucasW 道理我都懂,可是 iconfont 的 font-face 什么时候就成了 svg 了?!
shiny
2015-05-16 16:17:59 +08:00
@LucasW 显然是生成了好几种格式,svg 是其中一种,为了兼容性也包含了 ttf 等格式。缺点是只有那么几种字体,不够用。
mytharcher
2015-05-16 16:19:13 +08:00
banri
2015-05-16 16:57:22 +08:00
鹅厂的“字蛛”也有类似的功能,都是不错的东西~

这玩意儿在网速越来越快的未来感觉很不错的说,不过最关键的还是版权问题吧 -。-
lemonda
2015-05-16 21:34:55 +08:00
想起了金山打字通
isnowify
2015-05-17 12:49:32 +08:00
@lemonda 我也是,冰灯那段
Khlieb
2015-05-17 19:07:13 +08:00
支持 WOFF 的分割吗?
jsq2627
2015-05-17 20:18:13 +08:00
@Khlieb woff 只是对 ttf/otf 的二次封装。如果还原成 ttf/otf 的话,只要是 TrueType 标准实现的,就可以分割,如果是 PostScript 标准实现的话,那就得先借助别的工具转换 TrueType 格式才行。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/191531

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX