Acerca del Web Design Group

Font Size (Tamaño de fuente)


Sintaxis: font-size: <tamaño-absoluto> | <tamaño-relativo> | <longitud> | <porcentaje>
Valores posibles:
  • <tamaño-absoluto>
    • xx-small | x-small | small | medium | large | x-large | xx-large
  • <tamaño-relativo>
    • larger | smaller
  • <longitud>
  • <porcentaje> (en relación al elemento padre)

Valor inicial: medium
Se aplica a: Todos los elementos
Heredado: Si

La propiedad font-size se usa para modificar el tamaño de la fuente mostrada. Las longitudes absolutas (usando unidades como pt y in) deberían usarse racionalmente debido a su poca capacidad de adaptarse a diferentes ambientes de navegación. Las fuentes con longitudes absolutas pueden ser fácilmente muy pequeñas o grandes para un usuario.

Algunos ejemplos de asignación de tamaño serían:

H1    { font-size: large }
P      { font-size: 12pt }
LI     { font-size: 90% }
STRONG { font-size: larger }

Los autores deben estar concientes de que Microsoft Internet Explorer 3.x aplica incorrectamente las unidades em y ex como pixels, lo que puede hacer el texto ilegible. El navegador también aplica incorrectamente valores de porcentaje relativos al tamaño de fuente por defecto para el selector, en vez de en relación al tamaño de fuente del elemento padre. Esto hace que reglas como:

H1 { font-size: 200% }

sean peligrosas, por que el tamaño será dos veces el tamaño de la fuente por defecto de IE para encabezados de nivel-uno, en lugar de dos veces el tamaño de fuente del elemento padre. En este caso, BODY sería muy probablemente el elemento padre, y definiría posoblemente un tamaño de fuente medium, mientras que el tamaño de fuente para el encabezado de nivel uno aplicado por IE probablemente sería considerado xx-large.

Considerando estos defectos, los autores deberían tener cuidado al usar valores de porcentaje para for font-size, y probablemente deberían evitar unidades em y ex para esta propiedad.


Mantenido por John Pozadzides y Liam Quinn


Web Design Group ~ ÍndiceCSS ~ Estructura CSS ~ Propiedades CSS

Copyright © 1997 John Pozadzides y Liam Quinn. Todos los derechos reservados.