Garantizar la posición vertical correcta del texto grande

Tobi Reif señala cómo la posición de las fuentes personalizadas configuradas en tamaños de fuente muy grandes puede ser muy diferente, incluso en el mismo navegador en distintos sistemas operativos. ¿La solución? Bueno, ¿sabes que hay ciertas propiedades CSS que solo funcionan dentro de @font-face
bloques? Se llaman ” descriptores ” y font-display
es un ejemplo popular. Hay más que tienen menos soporte, como ascent-override
, descent-override
y line-gap-override
. Chrome los admite y, he aquí, se pueden utilizar para solucionar este problema.
Realmente me gusta la idea de que se puedan usar para anular las “métricas” de las fuentes locales (de reserva) para que coincidan con una fuente personalizada que cargará, de modo que, cuando lo haga, haya poco o ningún movimiento . Detesto FOUT (sé que teóricamente es bueno para el rendimiento), pero puedo tragarlo si el intercambio de texto no mueve tanto la basura.
Deja un comentario