为什么 Google Sans 字体中的小写“r”会根据下一个字母改变大小?

平面设计 字体 字体 谷歌 连字
2022-01-19 20:53:25

我最近切换到 GMail 重新设计,其中在显示电子邮件时使用 Google Sans 作为主题文本。

在此处输入图像描述

我注意到小写字母 'r' 后跟一个 't' - 如在 'Start' 中 - 'r' 比它前面的 'a' 高。然而,在它后面跟着一个“a”的地方——就像在“preparations”中一样——这两个字母的高度相同。

当试图用鼠标选择单词时,'r'和't'不能单独选择,所以推测有一个连字。为什么'r'的大小会在't'旁边增加而不是其他字母?

2个回答

我想,要让 R 的拱门高于 T 的横杆。E 和 A 较低且圆润,因此 R 适合它们的负空间,但 T 指向左侧。

真的很明显。这有点刺激我的眼睛。设计师没有很好地处理那对连字。

您可以添加 css font-variant-ligatures:no-common-ligatures(或 font-variant-ligatures:none)以防止 Chrome(和 Firefox!)以这种方式显示“r”。IE/Edge 没有这个错误。

你也可以插入 ‌ 在源文本中的每一对 'rt' 和 'rf' (问题也显示在其中)之间(它是不可见的),以使浏览器认为字符不相邻,但这有点混乱。

我可以分别选择 r 和 t 。