设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 手机 数据 公司
当前位置: 首页 > 运营中心 > 产品 > 正文

解析 iOS 11:苹果还像过去一样在意细节吗?(9)

发布时间:2017-09-26 08:08 所属栏目:30 来源:优设网
导读:字体问题 接下来是最后一个问题也是最为严重的一个问题。以上的问题可能对正常人的使用并不影响,但接下来的问题实实在在影响了每个人的使用体验。 这就是 iOS 11 Safari 中存在的伪粗体问题。这一问题是笔者在 iOS

字体问题

接下来是最后一个问题也是最为严重的一个问题。以上的问题可能对正常人的使用并不影响,但接下来的问题实实在在影响了每个人的使用体验。

这就是 iOS 11 Safari 中存在的伪粗体问题。这一问题是笔者在 iOS 11 调试个人网页效果时发现的:

如上图,iOS 11 中,苹方粗体是明显的「伪粗体」(faux bold)。伪粗体即系统并非调用苹方自带的字重,而是在某一基础字重上粗暴地机械增加字重。伪粗体通过算法机械生成,通常质量不佳,会造成笔画粗细、字距等方面的明显问题。从截图中可以看出,iOS 11 中的伪粗体苹方字距明显偏大。

在经过调试后,笔者发现这一问题仅会发生在 CSS font-family 设置中存在「-apple-system」的情况中,即 font-family 中使用了系统的 San Francisco 字体。只要在 font-family 中去除 -apple-system,系统即会调用现有的字重,伪粗体消失。

这个问题,不仅出现在 Safari 中,而是会波及所有使用了 iOS 网页渲染引擎的 app,例如微信的内置浏览器和豆瓣 app。如下图所示,豆瓣 app 已经被伪粗体苹方占领了:

打开一篇影评,会发现标题是伪粗体。通过对比换行位置,可以发现伪粗体的字距有很大问题。实际上,这一问题不仅仅是伪粗体,其波及包括 Regular 在内的所有字重,即实际上,你所看到的 Regular 字重也是「伪 Regular」。伪 Regular 或许很难从笔画粗细这一角度发觉问题,但通过下图对比,可以发现 iOS 11 中正文的字距也偏大,足以证明这是「伪 Regular」:

再欣赏一下伪粗体在微信推送中的表现:

Safari 伪粗体问题在 iOS 11 Beta 1 就已出现,笔者于八月初通过 Feedback app 提交 bug 反馈,但直至 iOS 11 正式版,这一问题仍未解决。笔者作为一名字体排印爱好者,实在对此感到失望。

结语

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读