Почему размер шрифта в нижнем регистре 'r' в шрифте Google Sans изменяется в зависимости от следующей буквы?

9

Недавно я переключился на редизайн GMail, где Google Sans используется для текста темы при отображении электронных писем.

введите описание изображения здесь

Я заметил, что там, где строчная буква «r» сопровождается «t» - как в «Start» - «r» выше, чем «a» перед ним. Однако там, где за ним следует «а» - как в «приготовлениях» - две буквы имеют одинаковую высоту.

При попытке выделить слово с помощью мыши, «r» и «t» не могут быть выбраны по отдельности, поэтому предположительно существует лигатура. Почему размер буквы «r» увеличивается рядом с буквой «t», а не другими буквами?

Тим Барклай
источник
Я также заметил это ... i.imgur.com/m15bBLH.png
Брандито
Я тоже это заметил, и мне это тоже не нравится. Firefox также отображает «r» выше, а IE11 / Edge - нет. Кто-то решил, что это правильный способ отображения письма. Проблема показывает, когда за «r» следует «f», потому что в нем тоже есть тире. И я мог бы выбрать r и t отдельно.
KS74

Ответы:

4

Вы можете добавить css font-option-ligatures: no-common-ligatures (или font-option-ligatures: none), чтобы Chrome (и Firefox!) Не отображал 'r' таким образом. В IE / Edge нет ошибки.

Вы также можете вставить & # 8204; между каждой парой 'rt' и 'rf' (проблема также показана в этом) в исходном тексте (он невидим), чтобы заставить браузеры думать, что символы не являются смежными, но это немного беспорядочно.

И я мог бы выбрать r и t отдельно.

KS74
источник
7

Чтобы получить арку R над перекладиной T, я представляю. E и A ниже и округлены, поэтому R вписывается в их отрицательное пространство, но T тянет влево.

Это действительно заметно. Это немного раздражает мой глаз. Дизайнер (ы) не справились с этой лигатурной парой.

Lauren-Clear-Монике Ipsum
источник