Pourquoi la minuscule «r» dans la police Google Sans change-t-elle en fonction de la lettre suivante?


9

Je suis récemment passé à la refonte de GMail où Google Sans est utilisé pour le texte du sujet lors de l'affichage des e-mails.

entrez la description de l'image ici

J'ai remarqué que lorsqu'un «r» minuscule est suivi d'un «t» - comme dans «Démarrer» - le «r» est plus grand que le «a» qui le précède. Cependant, là où il est suivi d'un «a» - comme dans «préparatifs» - les deux lettres ont la même hauteur.

Lorsque vous essayez de sélectionner le mot avec la souris, le «r» et le «t» ne peuvent pas être sélectionnés séparément, donc il y a probablement une ligature. Pourquoi la taille du «r» augmenterait-elle à côté d'un «t» mais pas d'autres lettres?


J'ai également remarqué cela ... i.imgur.com/m15bBLH.png
Brandito

Je l'ai remarqué aussi et je n'aime pas ça non plus. Firefox affiche également «r» plus haut, mais pas IE11 / Edge. Quelqu'un a décidé que c'était la bonne façon d'afficher la lettre. Le problème montre quand «r» est suivi de «f», car il contient lui aussi un tiret. Et je pouvais sélectionner r et t séparément.
KS74

Réponses:


4

Vous pouvez ajouter css font-variant-ligatures: no-common-ligatures (ou font-variant-ligatures: none) pour empêcher Chrome (et Firefox!) D'afficher «r» de cette façon. IE / Edge n'ont pas le bug.

Vous pouvez également insérer & # 8204; entre chaque paire 'rt' et 'rf' (le problème le montre aussi) dans le texte source (c'est invisible), pour faire croire aux navigateurs que les personnages ne sont pas adjacents, mais c'est un peu gâchis.

Et je pouvais sélectionner r et t séparément.


7

Pour obtenir l'arc du R au-dessus de la barre transversale du T, j'imagine. Le E et A sont inférieurs et arrondis, donc le R s'inscrit dans leur espace négatif, mais le T pique vers la gauche.

C'est vraiment perceptible. Ça m'énerve un peu. Le ou les concepteurs n'ont pas fait du bon travail avec cette paire de ligatures.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.