¿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?


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.


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.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.