Чому в шрифті 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-variant-ligatures: no-common-ligatures (або font-variant-ligatures: none), щоб перешкоджати Chrome (і Firefox!) Відображати "r" таким чином. IE / Edge не мають помилок.

Ви також можете вставити & # 8204; між кожною парою 'rt' і 'rf' (проблема також в цьому відображається) у вихідному тексті (це непомітно), щоб змусити браузерів думати, що символи не суміжні, але це трохи безлад.

І я могла вибрати r і t окремо.

— KS74
джерело

7

Щоб уявити арку R над поперечиною Т, я собі уявляю. E і A нижчі і закруглені, тому R вписується в їх негативний простір, але Т поворотом ліворуч.

Це справді помітно. Це дуже дратує моє око. Дизайнер (і) не зробив гарної роботи з цією лігатурною парою.

— Лорен-Ясний-Моніка-Іпсум
джерело