小米产品页的中文字体怎么做的？

[Ricky123]

看了小米的产盘宣传页http://www.mi.com/mipad的字体还不错，比较细
也想自己用用

一看发现font-family: FZLTXHK; 这个是 方正兰亭纤黑？

css看到@font-face将字体转为base64了，大小296k，应该只包含网页要显示的字库

so，想请教一下，要完成看到自己喜欢的中文字体-->提取字库--->转为base64

有什么有效的工具和方法？

当然自己也摸索了一会，感觉有点麻烦的样子

[andyhu]

http://www.zhaozi.cn/ 楼主试下这个看看

[andyhu]

抱歉看错了，之前cufon流行的时候有过这样想法，想弄一个api生成一些字符的特殊字体。如果换做字体文件的话就不太清楚了

[Ricky123]

@andyhu 字体倒是有，主要是中文字体全字库的话都会很大，5MB以上，不适合作为webfont

不过看到小米的是把字库中需要的字给提取出来了，感觉很赞

另外现在看到太多网页都是微软雅黑，审美疲劳了。。

[Ellison]

关注下，感觉挺赞的做法

[Shieffan]

不知道有没有现成的工具做这个。如果能做成nginx的module就好了，返回页面前提取文字内容并加入生成字体文件，多好

[Shieffan]

发现一个服务，http://www.youziku.com/webfont/UsingMethod?fontID=46615

[ChiChou]

原理是用工具生成字体的subset，这里有Google的一个工具：
https://code.google.com/p/sfntly/

[Ricky123]

@Shieffan 字库倒不是最关键的，主要是现在如果是中文全字库的话，都特别大

想法是有如果很好的字库，能抽离出你要用的字体（做宣传，展示页）

当然用字体而不是图片的原因，是因为响应式嘛。图片显示文字的话，文字大小固定。在不同终端看都一样大小。

so 如果有小米的前端能分享一下怎么实现的就太好了 :)

[jsonline]

我觉得不如用图片来的方便

[andyhu]

试试这个
https://github.com/smilingpoplar/font-extractor

[Shieffan]

@Ricky123 嗯，我的意思就是这个。分析页面文字，从字库提取所需要文字并生成字体文件，就大大减小了文件大小。你看我发的那个链接，就是这种原理，g

[Showfom]

@sivan 这问题得请教你

[Ricky123]

@Shieffan 赞 我试试

[Ricky123]

@jsonline 追求响应式字体，哈哈

[Ricky123]

@ChiChou 已用，还不错。

[Perry]

http://justfont.com/ 就是先分析页面文字再生成字体文件的

[Shieffan]

这东西版权问题不好解决呀，如果方正跟华文推出相关付费服务的话，应该会比较有前途吧？

[lemonda]

既然已经有中文 webfont 技术，真不知道字体商为什么不提供服务做为对现有授权方式的补充：

[sparanoid]

Dynamic subsetting:

http://blog.fonts.com/2014/04/15/faster-is-better-especially-when-working-with-large-non-latin-fonts-on-your-site/

Fonts.com 幾年前就在做這件事了

[learnshare]

版权是个大问题