Recientemente cambié al rediseño de GMail donde se usa Google Sans para el texto del asunto cuando se muestran correos electrónicos.
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?
Respuestas:
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.
fuente
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.
fuente