美文网首页
原生iOS、安卓字体效果为啥不一样?1

原生iOS、安卓字体效果为啥不一样?1

作者: Eyes_cc | 来源:发表于2022-07-08 09:26 被阅读0次

可能有些设计师在进行设计走查阶段会发现,安卓和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丰富。

而且由于其开源性,不同的手机厂商也可能会更改系统字体包,所以即便是相同的代码,因此在不同的安卓手机上呈现的效果也可能不相同。

相关文章

网友评论

      本文标题:原生iOS、安卓字体效果为啥不一样?1

      本文链接:https://www.haomeiwen.com/subject/ixklyrtx.html