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

2014-05-17 10:08:18 +08:00
 Ricky123
看了小米的产盘宣传页http://www.mi.com/mipad的字体还不错,比较细
也想自己用用

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

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

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

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

当然自己也摸索了一会,感觉有点麻烦的样子
10801 次点击
所在节点    问与答
26 条回复
Sivan
2014-05-17 19:31:50 +08:00
这个是跟方正合作的。我们自己通过方正的接口生成页面所需的文件字体,再转 base64。据方正的人说小米是跟方正合作的大网站里首家用这个技术的。
Sivan
2014-05-17 19:34:26 +08:00
@learnshare
@lemonda
@Shieffan 方正是有这个服务的,小米的网站、banner、海报等都是用的方正授权字体。
Ricky123
2014-05-17 20:44:05 +08:00
@Sivan 赞!给力

我就说那字体挺好看的
感觉不错。
lemonda
2014-05-17 21:14:33 +08:00
@Sivan
好极。
在做就好,早日开放公共服务更佳,不妄我到处嚷嚷。
Daniel65536
2014-06-09 00:51:31 +08:00
http://bbs.themex.net/showthread.php?t=16898215

这个话题在themex上也被讨论过,在win上的工具链里头,最关键的就是使用FontShrinker字体子集生成程序,这个程序可以方便地生成一个只含有特定文字的字库,这个程序提供了非常方便的GUI

……至于命令行工具倒是有不少基于python或者其他语言的……不过都挺麻烦要涉及到fontforge之类的库……

希望这里木有禁止挖坟的规则……
tlday
2017-02-17 19:18:29 +08:00
https://github.com/fonttools/fonttools
前面的朋友说的东西在我这里都有各种问题,最后用这个达成目的,发在这里说不定对后来的人有用。
我要把一个 Mac 下提取出来的 otf 字体( 12M )拿出一个可用的子集,直接把 otf 后缀名改成 ttf ,然后用这个工具提取了所有数字和大小写字母以及 6 个中文字,最后得到一个 19K 的 ttf 字体,测试在 Android 手机上可用。不知道过程中有没有侵权之类的。。。另外 npm 那边有很多 ttf 转其他网络字体的工具。
应该没有禁止挖坟的规定吧。

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

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

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

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

© 2021 V2EX