Perché la 'r' minuscola nel carattere di Google Sans cambia dimensione a seconda della lettera successiva?


9

Di recente sono passato alla riprogettazione di GMail in cui Google Sans viene utilizzato per il testo dell'oggetto durante la visualizzazione di e-mail.

inserisci qui la descrizione dell'immagine

Ho notato che dove una 'r' minuscola è seguita da una 't' - come in 'Start' - la 'r' è più alta della 'a' prima di essa. Tuttavia, dove è seguito da una "a", come nelle "preparazioni", le due lettere hanno la stessa altezza.

Quando si tenta di selezionare la parola con il mouse, non è possibile selezionare separatamente 'r' e 't', quindi presumibilmente esiste una legatura. Perché la dimensione della 'r' aumenterebbe accanto a una 't' ma non ad altre lettere?


Ho notato anche questo ... i.imgur.com/m15bBLH.png
Brandito,

L'ho notato anch'io e non mi piace neanche. Firefox mostra anche "r" più alto, ma IE11 / Edge no. Qualcuno ha deciso che è il modo corretto di visualizzare la lettera. Il problema mostra quando 'r' è seguito da 'f', perché anch'essa contiene un trattino. E potrei selezionare r e t separatamente.
KS74,

Risposte:


4

Puoi aggiungere css font-variant-legature: no-common-legature (o font-variant-legature: none) per impedire a Chrome (e Firefox!) Di visualizzare 'r' in quel modo. IE / Edge non ha il bug.

Puoi anche inserire & # 8204; tra ogni coppia 'rt' e 'rf' (anche il problema si presenta in esso) nel testo di origine (è invisibile), per far pensare ai browser che i caratteri non siano adiacenti, ma è un po 'un casino.

E potrei selezionare r e t separatamente.


7

Per ottenere l'arco della R sopra la traversa della T, immagino. La E e la A sono più basse e arrotondate, quindi la R si adatta al loro spazio negativo, ma la T colpisce a sinistra.

È davvero evidente. Mi irrita un po 'l'occhio. I designer non hanno fatto un buon lavoro con quella coppia di legature.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.