3.9.4. El tamaño del tipo en la web

Lo que se puede controlar en relación a los gráficos que deben ser vistos en pantalla es el número de píxeles que ocupa un determinado elemento. Los píxeles son pues la medida para trabajos que deben ser vistos en pantalla. En consecuencia los programas de gráficos de mapa de bits permiten usar los píxeles como medida para los tipos de texto.

En lo referente a formatos vectoriales (SWF, SVG, PDF) los programas de gráficos normalmente permiten elegir entre diferentes unidades de medida, tanto píxeles como físicas. De hecho, estos formatos permiten ampliación sin pérdida de calidad por lo que el tamaño del texto es más importante en relación a otros textos o elementos de la composición que no por un problema de resoluciones.

Cuando el texto no está integrado en un gráfico sino que se mantiene como tal tenemos otro tipo de medidas relativas que ofrecen un mayor control de tamaño al usuario-lector y un control aceptable de las jerarquías al diseñador. Este es el caso del texto en la web.

3.9.4. El tamaño del tipo en la web

Las nuevas especificaciones del W3 Consortium a partir de mediados de los años noventa configuraron una serie de características nuevas para la web entre las que cabe destacar la separación entre estructura y apariencia. La página HTML proporciona la estructura o soporte del contenido para la página. Y las hojas de estilo (CSS) ofrecen el control de su apariencia. Con las hojas de estilo es posible definir todos los aspectos visuales de una web. Desde el tamaño (absoluto o relativo) y las características de los textos hasta el color, tipo de línea, posición o tamaño de los elementos gráficos o bloques de contenido.

Si queremos usar medidas absolutas en la web podemos definir tamaños de letras usando píxeles ("px") como unidades. Con "px" definimos que algo (un texto, un párrafo) tiene un tamaño determinado en píxeles en pantalla. Pero esa pantalla, dependiendo del monitor utilizado, puede ser de tamaños distintos y la resolución puede estar definida con distintas configuraciones. Quizás el observador necesita cambiar los tamaños por cuestiones del contexto en que lo visualiza (dispositivo de pantalla pequeña, luz del sol reflejada en pantalla) o de sus (dis)capacidades visuales, si fijamos las medidas como absolutas se lo estamos dificultando.

La alternativa es usar medidas relativas. Las tenemos como porcentajes (%) y variaciones de la altura de M (em) y la altura de x (ex). Podemos usar medidas relativas en los contenedores, en sus bordes, márgenes y espaciado interno. También como tamaño para el texto.