小米网站 http://www.mi.com/mi4#fea-one
其中 Banner 的字体,使用了方正兰亭黑。
按理应该不是整个 方正兰亭黑 字体包下载来使用,可能提取了部分需要使用的字体。
那么问题来了,如何提取中文字体包的部分字体呢?
其中 Banner 的字体,使用了方正兰亭黑。
按理应该不是整个 方正兰亭黑 字体包下载来使用,可能提取了部分需要使用的字体。
那么问题来了,如何提取中文字体包的部分字体呢?
1
OrangeHat OP 发现原来是 Mac 自身带有兰亭黑。
那么换个问题,要使用思源黑体的话,能否使用提取部分需要的字体的方式呢? |
2
Daniel65536 Nov 7, 2014
|
3
7654 Nov 7, 2014
Windows显示的是雅黑
用woff格式 |
4
Ricky123 Nov 7, 2014 楼主问我跟我一样的问题
可以参考一下: http://www.v2ex.com/t/112938#reply25 |
5
notcome Nov 7, 2014 via iPhone 对于思源黑体,可以先用 tx 对 PS 字体文件子集化,再 makeotf。
对于通用的字体,可以用 fontforge 生成子集,封装好的有 fonttools,提供了 pyftsubset。 对于兰亭黑——我咨询过方正和汉仪,都提供 web font 服务,前者公益项目免费。后者贵(几千一年),但旗黑质量高。 |
6
notcome Nov 7, 2014 via iPhone
tx 是 AFODK 的一部分,使用方式——可以搜思源黑体的 issues,小林剑回答过的。
|
7
OrangeHat OP |
8
OrangeHat OP 跟朋友交流后,明白其原理,来总结一下:
小米通过提取网页需要用到的中文字体,转成 base64,嵌入 css 当中。 小米官网通过 js 判断是否为 Mac ,是的话使用 兰亭黑(纤细)。不是的话,使用默认 fontfamily. 为什么不在 Windows 下使用 兰亭黑 ,可能是因为渲染的效果不大好。 如何提取中文字体包子集,可参考: http://hxgdzyuyi.github.io/blog/chinese-subset.html |