Mejora la legibilidad del texto con CSS

La legibilidad, un conjunto de características que hace a un texto o tipografía más fácil de leer, puede mejorarse de varias formas. Una de ellas la introdujo Firefox 3.0 y que ahora adoptan Safari 5, Chrome y la beta de webkit (del que derivan otros navegadores) y se trata de un propiedad CSS que controla el renderizado de un texto: text-rendering.

¿Cómo funciona?

Funciona y se aplica como cualquier otra propiedad de CSS, text-rendering puede tomar los siguientes valores:

• optimizeLegibility – Que da prioridad a la legibilidad del texto. Habilita el kerning y laligadura de la tipografía.
• auto – por defecto usa optimizeLegibility para texto de menor tamaño que 20px yoptimizeSpeed para los de mayor tamaño.
• optimizeSpeed – Que da prioridad a la velocidad con que se muestra un texto.
• geometricPrecision – Da prioridad a la geometría del texto.

Ejemplos:

body  { text-rendering: optimizeLegibility; }
.post  { text-rendering: optimizeSpeed; }

Comentario

Una propiedad CSS que otorga al diseñador una herramienta de control más sobre el texto, por ahora el soporte es limitado, pero que seguramente irá aumentando con el transcurrir de las versiones de los navegadores.

 CSS / Diseño / Fuentes

 Deja tu opinión en un comentario

Posted in: CSS