苹果官网所使用的字体 PingHei 平黑 苹黑?(2015)增加2种粗体与细体

2015-08-23_185032

[ 下载地址位于末尾 ]

这是旧的(2014):苹果官网所使用的字体 PingHei 平黑 苹黑?(2014)

去年苹果官网的硬件更新随之更换了 Web 字体,目测是对应 Windows 下而做的。

但是字符集并非是完整的。

今年也随着硬件的更新更新了官网,目前这个字体添加了两种粗体以及一种细体版本,原本的 woff 体积产生了轻微的变化(变大一点点,所以目测依然是不完整字符集)。

可以做一个判断,用 js 之类的判断设备和环境再决定是否载入字体,因为有至少 1M 的体积,例如非桌面环境不载入,如果是自适应网页,则在默认小体积(小于 1024 宽)不载入,这在图片的载入上有很好的效果,也可以用在字体上。

这是压缩包所包含的文件,CSS 中包含了代码,和引用名,路径自己根据情况改:

/PingHei-bold.eot
/PingHei-bold.ttf
/PingHei-bold.woff
/PingHei-light.eot
/PingHei-light.ttf
/PingHei-light.woff
/PingHei-semibold.eot
/PingHei-semibold.ttf
/PingHei-semibold.woff
/PingHei-text.eot
/PingHei-text.ttf
/PingHei-text.woff
/font-pinghei.css

Downloads : http://pan.baidu.com/s/1qW43DJu

4 thoughts on “苹果官网所使用的字体 PingHei 平黑 苹黑?(2015)增加2种粗体与细体

    1. :!: 理论上文本字体是不会有 svg 的,图标字体有 svg。ttf 格式字体是 woff2 格式的 2倍,而 svg 是 woff2 的 5.5倍 woff 的 5倍 这样就意味着这个不完整的 1M woff 中文字体变成 svg 假设能转换就会变成 5M 体积。工具可能是有的,你搜索下 “字体文件转 svg” 或 “woff 转 svg” 这样的字眼,你可能是用在导航上只需要几个字,不过问题是我们如何从 svg 中找出自己要的那几个字,可能要事先将要用的字找出来编译缩减体积而后再转换这样容易找出来。←  ← 我只知道 FontCreator 可以 在 otf ttf woff 这3个格式间互相转和编辑(图标字体有例如 http://icomoon.io/app 这些网站可以定制所需字符来缩小体积)。刚试了下在线转换的 onlinefontconverter.com 好像这个不知道是不是我操作错误只能导出英文字母和标点符号,1M 的中文变成几十 KB 肯定错了,得支持中文的同时能够筛选出自己要的那几个文字……

  1. 新 2015 款 Ping Hei 将 Myriad Set 的西文整合进去了
    TTF 版本的字应该是全的,从 Apple 官方 DMG 里面提取出来的 Ping Hei 也只有 2M+

    1. 我试了下安装 TTF 版的字体到 Windows 然后打开 FW 试着用了下字体,2M 应该只是格式体积大一些,例如“牧猪酱藤”这四个字同样是显示不了,通常的 TTF 中文字体全的应该在 10M 左右才对。(有趣的是刚才我又看了下官网的字体文件,PingHei-light.woff 比文章中上次下载的体积又大了 10K,看上去它就象是在按需的编译大小。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :joy: :idea: :funny: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)