Antes de explicar qué alto de línea elegir para nuestros textos y por qué 1.3333 es importante responder a una pregunta clave. ¿Cuál es la utilidad que tiene el texto de tu página web? ¿Cumple alguna función importante? La realidad es que el texto es mucho más importante de lo que puedes creer.
El texto es el eje central de tu contenido, el pilar más importante en que se enfoca toda la información de tu web. Lo que quieres mostrar, tus servicios, productos y esencia en general, tiene que ver con el texto.
¿Qué es el alto de línea en el diseño web / CSS?
El alto de línea (al cual nos referimos en CSS como line-height) es un valor que define el espacio entre las líneas base de un texto.
Esta propiedad CSS puede tomar valores de distinto tipo:
Si el valor es numérico y no tiene unidades, el alto de línea se calcula multiplicando el tamaño de letra por dicho número.
Otra opción es expresar el alto de línea usando porcetanjes %, en cuyo caso el número hace referencia a la proporción que hay entre el alto de línea y el tamaño de la fuente.
Por defecto, el navegador determina un valor “adecuado” para el alto de línea a cualquier tipo de elemento inline. En tal sentido, en función del navegador y el tipo de letra, se define un line height específico para cada dispositivo.
¿Qué quieres lograr con los textos de tu página web?
Sin duda, tu objetivo más importante no es otro que tener textos legibles. No sirve de nada esforzarte demasiado si el texto en tu web no se comprende en lo absoluto. El contenido es lo más importante y el texto es el medio que usas para que toda la información pueda llegar a tus usuarios.
La tipografía, aunque es fundamental, no es el único aspecto que debes tener en cuenta al momento de diseñar tu contenido web. También, debes priorizar el tamaño de tu texto y el alto de línea.
¿Cómo elegir el alto de línea correcto?
En el diseño web, existe lo que se conoce como alto de línea o line height. Esto no es más que el espacio que separa a una línea de otra. Sin embargo, es importante tener claro que no se trata de lo mismo que un interlineado.
Como siempre se suele trabajar con letra, es necesario darle importancia a cómo se ve el texto, es decir, la apreciación visual del contenido.
Si usamos el alto de línea correcto para nuestros textos, no tendremos problemas de lectura. Un ejemplo, usar un alto de línea muy extenso complica la continuidad del texto para el lector. Por otra parte, si nos quedamos cortos, será toda una odisea ubicar la línea siguiente para leer.
¿Por qué es importante elegir el alto de línea adecuado?
El propósito del alto de línea es definir un interlineado legible para tu texto. Dado que la legibilidad depende del tamaño del texto, se recomienda utilizar un valor dinámico relativo al tamaño del texto.
Como bien mencionamos antes, es fundamental utilizar el alto de línea más idóneo. Todo según lo que necesitamos mostrar de nuestro texto.
El objetivo con un texto bien definido es un color tipográfico parejo. Por color no nos estamos refiriendo a azul o rojo. Lo que se trata de decir es que quieres que tu texto invite a leer. En tal sentido, no debe ser ni demasiado denso ni demasiado suelto.
Por ejemplo, si lees un artículo en un teléfono, es posible que desees girarlo a la orientación horizontal, ya que la longitud de la línea está orientada hacia las pantallas de escritorio en la mayoría de los casos.
¿Por qué el alto de línea 1.333 es la mejor opción?
Las escalas pequeñas o de menos de 1,2 son sutiles y buenas tanto para aplicaciones móviles como de escritorio, o la versión móvil de un sitio receptivo.
Las escalas medianas que se ubican entre 1.15 y 1.333 tienen una jerarquía clara. Ayudan a organizar secciones con subtítulos. Una escala mediana es versátil. Funciona bien para una amplia variedad de sitios de escritorio, incluidos blogs y sitios de marketing.
Las escalas grandes o mayores a 1.333 pueden ser difíciles de implementar de manera efectiva. Sin embargo, podrían funcionar bien para carteras, agencias, algunos sitios de marketing u obras de vanguardia.
En líneas generales, usar una escala mediana de 1.333 permite tener una mayor versatilidad en distintos sitios web. Las líneas más largas necesitan más altura de línea, las líneas más cortas necesitan menos. Cuando las filas largas están demasiado juntas, es más difícil captar el comienzo de la siguiente.
Este efecto se muestra en párrafos con más de diez líneas. Pierdes la orientación, sientes la necesidad de usar una regla o resaltar el texto con el cursor, o simplemente buscas venganza por esta experiencia. Porque no es culpa tuya, es culpa de la mala tipografía.
Por esta razón, al usar una escala media de 1.333 es mucho más sencillo ajustar todas las líneas del texto sin perder el sentido del contenido.
Conclusión
Al momento de definir el contenido de tu página web, es fundamental establecer el interlineado adecuado. La clave del éxito, en primer lugar, es tener la posibilidad de invitar a tus usuarios a leer lo que expones y esto, permitirá a su vez que puedan adquirir el servicio que brindas.
Tanto el alto de línea, como la tipografía, la fuente y demás aspectos son necesarios para tener un sitio web optimizado y de calidad.
