Warum ändert der Kleinbuchstabe "r" in Google Sans die Schriftgröße abhängig vom nächsten Buchstaben?

9

Ich habe kürzlich zum GMail-Redesign gewechselt, bei dem Google Sans für den Betreff-Text beim Anzeigen von E-Mails verwendet wird.

Mir ist aufgefallen, dass dort, wo auf ein Kleinbuchstaben 'r' ein 't' folgt - wie bei 'Start' - das 'r' größer ist als das 'a' davor. Wo jedoch ein 'a' folgt - wie bei 'Vorbereitungen' - sind die beiden Buchstaben gleich hoch.

Beim Versuch, das Wort mit der Maus auszuwählen, konnten 'r' und 't' nicht getrennt ausgewählt werden, sodass vermutlich eine Ligatur vorliegt. Warum sollte die Größe des 'r' neben einem 't' zunehmen, aber nicht mit anderen Buchstaben?

— Tim Barclay
quelle

Ich habe auch bemerkt, dass ... i.imgur.com/m15bBLH.png

— Brandito

Das ist mir auch aufgefallen und ich mag es auch nicht. Firefox zeigt auch 'r' größer an, IE11 / Edge jedoch nicht. Jemand hat entschieden, dass dies der richtige Weg ist, um den Buchstaben anzuzeigen. Das Problem zeigt, wenn auf 'r' 'f' folgt, da auch ein Bindestrich darin enthalten ist. Und ich könnte r und t getrennt auswählen.

— KS74

4

Sie können CSS-Schriftartenvarianten-Ligaturen hinzufügen: No-Common-Ligaturen (oder Schriftartenvarianten-Ligaturen: Keine), um zu verhindern, dass Chrome (und Firefox!) Auf diese Weise 'r' anzeigen. IE / Edge haben den Fehler nicht.

Sie können auch & # 8204; zwischen jedem Paar 'rt' und 'rf' (das Problem zeigt sich auch darin) im Quelltext (es ist unsichtbar), damit Browser denken, dass die Zeichen nicht benachbart sind, aber das ist ein bisschen chaotisch.

Und ich könnte r und t getrennt auswählen.

— KS74
quelle

7

Um den Bogen des R über die Querlatte des T zu bringen, stelle ich mir vor. Das E und A sind niedriger und gerundet, so dass das R in ihren negativen Raum passt, aber das T nach links stößt.

Es ist wirklich auffällig. Es irritiert mein Auge ziemlich. Die Designer haben mit diesem Ligaturpaar keine gute Arbeit geleistet.

— Lauren-Clear-Monica-Ipsum
quelle