¿Por qué la letra minúscula 'r' en la fuente de Google Sans cambia de tamaño dependiendo de la siguiente letra?

9

Recientemente cambié al rediseño de GMail donde se usa Google Sans para el texto del asunto cuando se muestran correos electrónicos.

ingrese la descripción de la imagen aquí

Noté que cuando una 'r' en minúscula es seguida por una 't', como en 'Inicio', la 'r' es más alta que la 'a' anterior. Sin embargo, cuando va seguido de una 'a', como en 'preparaciones', las dos letras tienen la misma altura.

Al intentar seleccionar la palabra con el mouse, la 'r' y la 't' no se pudieron seleccionar por separado, por lo que presumiblemente hay una ligadura. ¿Por qué el tamaño de la 'r' aumentaría junto a una 't' pero no otras letras?

Tim Barclay
fuente
También me di cuenta de esto ... i.imgur.com/m15bBLH.png
Brandito
También me di cuenta, y tampoco me gusta. Firefox también muestra 'r' más alto, pero IE11 / Edge no. Alguien decidió que es la forma correcta de mostrar la carta. El problema se muestra cuando 'r' es seguido por 'f', porque también tiene un guión. Y podría seleccionar r y t por separado.
KS74

Respuestas:

4

Puede agregar css font-variant-ligatures: no-common-ligatures (o font-variant-ligatures: none) para evitar que Chrome (y Firefox!) Muestren 'r' de esa manera. IE / Edge no tiene el error.

También puede insertar & # 8204; entre cada par 'rt' y 'rf' (el problema también se muestra en él) en el texto fuente (es invisible), para hacer que los navegadores piensen que los caracteres no son adyacentes, pero eso es un poco desordenado.

Y podría seleccionar r y t por separado.

KS74
fuente
7

Para obtener el arco de la R sobre el travesaño de la T, me imagino. La E y la A son más bajas y redondeadas, por lo que la R encaja en su espacio negativo, pero la T se desplaza hacia la izquierda.

Es realmente notable Me irrita bastante los ojos. El diseñador (s) no hizo un buen trabajo con ese par de ligaduras.

Lauren-Clear-Monica-Ipsum
fuente