可能有些设计师在进行设计走查阶段会发现,安卓和iOS实现出来的字体效果总是不一样,尤其是安卓机型的字体加粗问题,造成两者差异的原因是什么呢?
一、系统默认字体的不同
首先,iOS和安卓的系统默认字体是不同的,因此字体本身是有细微的差别的。
默认在 iOS 上:
中文字体:PingFang SC
英文字体:.SF UI Text
、.SF UI Display
默认在 Android 上:
中文字体:Source Han Sans
/ Noto
英文字体:Roboto

我们以中文字体来做对比,可以看出平方对比思源黑体,笔画更细、字怀更大、字体使用弧度更少,偏旁所占字面更小。

二、系统字体包含的字重等级不同
字重,即字体粗细。
由于iOS系统原生字体字重等级全面,从100-600都有,因此前端代码设置字重后,文字可以显示不同的粗细。
安卓原生系统字体只有两种字重(regular-400,bold-700)。设置600以下均以400字重效果来显示;设置700才会显示出加粗文字。

以同样的设计稿来进行还原,由于安卓无法显示出字体加粗,安卓呈现的字体信息层级不如iOS丰富。
而且由于其开源性,不同的手机厂商也可能会更改系统字体包,所以即便是相同的代码,因此在不同的安卓手机上呈现的效果也可能不相同。
网友评论