También disponible en: English · Português · Français · العربية
Comprobador de longitud de línea
Mide los caracteres por línea que produce de verdad tu CSS, en la tipografía que usas de verdad, y enseña cuánto fallan las unidades ch.
Qué es un comprobador de longitud de línea
La longitud de línea —los tipógrafos la llaman medida— es cuántos caracteres caben en una línea de texto. Es la cifra detrás del consejo de mantener el cuerpo de texto entre 45 y 75 caracteres, y depende de tres cosas a la vez: el ancho del contenedor, el tamaño de letra y la tipografía misma.
Esta herramienta la mide en lugar de estimarla. Fija un ancho, un tamaño y una familia, y te dice los caracteres por línea que obtendría tu prosa de verdad, usando el motor de texto de tu propio navegador sobre tu propio texto.
También responde a la pregunta que trae aquí a casi todo el mundo: ¿qué ancho pongo? El panel de resultados da tanto el ancho en píxeles como el valor en ch que producen realmente 66 caracteres en la tipografía elegida, y no son los números que uno supondría.
Cómo usar el comprobador
- Pega un párrafo. Usa tu propia prosa y no texto de relleno. El ancho medio de carácter varía entre idiomas y entre quien escribe, y toda la medición depende de él.
- Elige tipografía y tamaño. Las siete familias que se ofrecen ya están en casi cualquier máquina, así que no hay que descargar nada para medirlas. El tamaño importa menos de lo que parece: escala los dos lados de la proporción.
- Arrastra el ancho del contenedor. La vista previa se redibuja y el panel te dice dónde caes respecto a la franja de 45–75. Si lo que quieres es un objetivo y no un veredicto, mira mejor las dos filas de abajo.
max-width: 65ch no te da 65 caracteres
El consejo habitual para acertar una medida cómoda es fijar max-width en unidades ch, con el razonamiento de que un ch es un carácter. No lo es. La especificación de CSS define la unidad ch como el ancho de avance del carácter «0» en la tipografía del elemento: un cero, en concreto, no una letra media. Y en toda familia proporcional las cifras se dibujan más anchas que las minúsculas, porque tienen que alinearse en columnas.
Medimos cuánto más anchas, sobre 6,7 millones de caracteres de prosa real de doce libros de dominio público, a 16 píxeles. En Georgia un ch son 9,82 píxeles mientras que el carácter medio de la prosa son 6,96: una proporción de 1,41. Arial sale en 1,27, Verdana en 1,26, Times New Roman en 1,26, Tahoma en 1,24 y Trebuchet MS en 1,16.
Multiplica eso y el consejo se cae. Un contenedor con max-width: 65ch alberga unos 92 caracteres en Georgia, 83 en Arial, 82 en Verdana y en Times New Roman, y 76 en Trebuchet MS. Todas y cada una de las familias proporcionales se pasan de la franja de 45–75 que pretendían acertar, y la mediana entre ellas son 82 caracteres para un nominal de 65.
La comprobación que hace fiables esas cifras es la última fila de la tabla. Courier New sale exactamente en 1,000, porque en una tipografía monoespaciada cada glifo, el cero incluido, tiene el mismo ancho, así que un ch tiene que ser un carácter. Si la medición estuviera mal, esa fila no caería en 1.
Al revés, que es la dirección útil: para obtener los 66 caracteres de Bringhurst quieres unos 47ch en Georgia, 52ch en Arial, 53ch en Times New Roman y 57ch en Trebuchet MS. No hay un valor único de ch que signifique 66 caracteres, y por eso esta página mide en vez de recomendar uno.
Limitaciones honestas
La franja de 45–75 no es un resultado científico y esta página no va a fingir lo contrario. Viene de Los elementos del estilo tipográfico de Robert Bringhurst, donde se ofrece como consenso del oficio para una página a una columna, con 66 caracteres señalados como ideal satisfactorio. Es una buena fuente para una convención de diseño, y no una medición de nada.
La literatura experimental es más escasa y menos ordenada de lo que sugiere la seguridad del consejo. Dyson y Haselgrove hallaron en 2001 que 55 caracteres por línea se leían más rápido que 25 o que 100, con la mejor comprensión. Los trabajos del laboratorio de usabilidad de Wichita State hallaron casi lo contrario en velocidad, con unos 95 caracteres leídos más rápido, y ningún efecto fiable en comprensión ni en satisfacción. Lo que sobrevive entre estudios es que la comprensión apenas se mueve en un rango amplio y que quien lee suele preferir líneas más cortas que las que lee más rápido. Toma la franja como un valor por defecto sensato, no como una ley.
La medición es un promedio, y los promedios esconden cosas. Un párrafo con palabras técnicas largas tiene un carácter medio más ancho que uno de palabras cortas, así que el mismo contenedor da una medida distinta para prosa distinta. Es un efecto real y no un defecto —por eso la herramienta te pide tu texto— pero implica que la cifra se mueve al cambiar la muestra.
Solo se cuentan caracteres, no palabras, y el navegador corta las líneas en los espacios. Un contenedor que dé 66 caracteres de media producirá líneas de quizá 58 a 72 según se ajusten las palabras, así que trata la cifra como el centro de una distribución y no como el ancho de cada línea.
Las siete tipografías de la tabla comparativa son familias de sistema medidas desde los archivos de fuente reales. Una webfont que cargues tendrá su propia proporción, que la herramienta mide correctamente para las cifras en vivo de arriba: la tabla fija es una referencia, no una afirmación sobre tu stack. El motor lleva 39 comprobaciones, incluido ese control monoespaciado y una mitad negativa que confirma que una familia proporcional nunca sale en 1.
¿Por qué es gratis?
Medir texto es algo que tu navegador ya hace en cada página que dibuja; esta solo le pide el número. No se sube nada, no hay cuenta y no hay nada que marcar con agua.
Si quieres esa misma medición aplicada a un resultado de búsqueda y no a un párrafo, el generador de meta etiquetas de este sitio lo hace, y tiene una historia emparentada sobre una regla que todo el mundo cita en caracteres y que los navegadores aplican en píxeles.