Enhancement
Diseñador
Controla el ancho de los elementos de texto según el número de caracteres usando la unidad «ch»
Ahora puedes mejorar la legibilidad y accesibilidad del texto en tu sitio con la unidad «ch», que te permite controlar el ancho de los elementos de texto según el número de caracteres.
Una de las unidades menos conocidas (pero especialmente útil) en CSS es la unidad ch — que ya puedes usar en Webflow. ¿Qué hace, te preguntarás? Pues esto.
La unidad ch te permite limitar el ancho de los elementos de texto según el número de caracteres; más concretamente, el ancho del carácter «0» para una fuente determinada. Por ejemplo, si estableces el ancho máximo de un párrafo en 60ch, esa línea nunca será más larga que la longitud equivalente a 60 caracteres «0» para esa fuente y tamaño.
Esto te permite hacer que tu sitio sea más legible (las recomendaciones de UX para la longitud de línea oscilan entre 45 y 90 caracteres) y accesible para visitantes con diversas capacidades cognitivas. Una buena práctica es establecer el ancho deseado en el contenedor principal y luego asignar a los elementos de texto dentro de él un ancho máximo en ch para mantener una longitud legible.
Para saber más sobre tipografía y la unidad ch, echa un vistazo a nuestro artículo sobre tipografía avanzada en Webflow University.
Actualizaciones relacionadas
.png)
.png)
Empieza gratis
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.