前端别用苹方的英文字体了…太丑了
(本人有点字体强迫症)感觉苹方的英文字体就是对 San Francisco 的拙劣模仿,尤其是粗体做标题时。前端把 San Francisco 字体优先级放在苹方前面就行了。
很多中文网站都会用苹方作为 macOS 上所有字符的默认字体,给很多人或者公司提过这个建议,能想起来的有:
- 语雀(未采纳,未来可能优化): https://www.yuque.com/yuque/topics/19879
- wolai (已采纳)
(本人有点字体强迫症)感觉苹方的英文字体就是对 San Francisco 的拙劣模仿,尤其是粗体做标题时。前端把 San Francisco 字体优先级放在苹方前面就行了。
很多中文网站都会用苹方作为 macOS 上所有字符的默认字体,给很多人或者公司提过这个建议,能想起来的有:
苹方英文字间距太奇怪了,而且整体看起来傻傻的,没有生机。
你们怎么会觉得我没自己改呢,我一直自己维护着一个全局样式 reset 的 stylus css 。但我很讨厌这种方式,因为这是治标不治本的、且无法跨平台同步、手机上照样丑。我也没有要求,说了自己的观点和建议而已。这是非常容易解决的一件事,因为通常写样式的都会把 sf 加进去,只不过优先级很低,我希望的是中文字体(任何字符集更大的字体)优先级放在后面
@crazytree #11
sf 字间距大字体宽度小?你可能是没分清 SF Display 和 SF Text ?请看下面对比图(全用的浏览器默认样式),苹方字间距更大而视觉效果非常不均(图中划红线的地方可以看出,视觉上苹方的英文间距非常不协调。且不用说苹方提供的最高字重只有 600,SF 字重调到 700 都没有苹方宽)。而且字间距会是问题?改个 letter-spacing 的事而已(但我觉得这点上 sf 默认做得就很好)。我不知道我看代码用的 monospace 字体跟看正常显示的 sans serif 有什么关系,monospace 作为正常显示字体看起来很累,我觉得主因就是 **字体宽度大** 。苹方最明显的 SF 特征之一就是小写字母 a,这点跟 Helvetica 最容易区别开。SF 另外最有辨识度的特征大写 Q 和 R 苹方确实没有,但是小写字母用的比大写多得多。
CodePen: https://codepen.io/alexkuang0/pen/wvoxmWG
https://i.loli.net/2021/03/05/KpMxNEmH5hzVksr.png