苹果用户还是有一点小小的特权的

教育   2024-12-17 00:00   广东  

最近写《中英文简历字推荐用什么字体》一文时,为了测试效果,我在 Windows 系统里装了苹果的苹方字体,

结果发生了一个奇妙的现象,我打开所有的中文网页,字体好像全部都变粗了,正文和标题的加粗字体区别不太明显了。

正常情况下,应该是这样的,粗细之间错落有致。

经过仔细排查,原来是系统里装的苹果苹方字体没有装全,这种字体总共有6种不同的字重(weight,指字体粗细),我偷懒只装了其中几种,可能当字体缺失时会自动调用最接近的字重。

但令我很疑惑是,我不是苹果系统,也没有把 Windows 默认的字体改为苹方,为什么浏览器会优先用苹方字体显示?

我还发现一个现象,只有国内的网站才会出现这种现象,英文网站不会,国外的中文网站如 ChatGPT、FT中文网也都没有这种现象。

我这个人就是最见不得事情糊里糊涂,本着追根究底的精神,做了不少研究,终于发现问题所在。

原来国内的前端工程师在做字体渲染都在不约而同采用同一套逻辑,就是把苹果字体放在第一优先级,比如微信的CSS代码里对于字体的设置是这样写的:

font-family: PingFang SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;

其中的 PingFang SC 就是苹方字体,system-ui 是指系统默认字体。

按照正常的逻辑,system-ui 放在第一优先级才是最合理的,苹果用户看到的是苹果的默认字体,微软用户看到微软的默认字体,安卓用户看到安卓默认字体。

但是国内的前段工程师就不,就是要无底线跪舔苹果,为了防止尊贵的苹果用户看到丑陋的微软字体真是煞费苦心了。

当然,这是玩笑话,微软用户莫生气,我也是微软用户。

其实真正的原因是苹果提供了6种不同的字重,但是微软默认字体微软雅黑只有3种字重,对于 UI 设计师来说,肯定是苹果字体有更大的设计空间。

从100-700 的 weight,苹果用户能看到6种不同的粗细。

微软用户的微软雅黑只能正常显示3种(微软雅黑Light,Regular,Bold)

在手机端,由于大部分手机 APP 本质上也是一个基于WebView的浏览器,也是采用同样的渲染逻辑。

部分安卓手机默认的字体只有 Regular 和 Bold 两种字重,设计师精心设计的字体看起来就非常丑陋了。

小米手机貌似提供的字重也挺多,也能看到6种。

如论如何,国内的UI设计都是优先保证苹果用户的体验的。

网站找到一份 Ant-Design(蚂蚁金服)的设计规范,明目张胆把 apple system 放在第一位。

芬哥Steven
芬哥,知乎职场、职业规划、英语领域优秀答主。
 最新文章