5.2.6 'font-size'

Valor: <tamaño-absoluto> | <tamaño-relativo> | <longitud> | <porcentaje>
Inicial: medium
Se aplica a: todos los elementos
Se hereda: sí
Valores porcentuales: relativos al tamaño de fuente del elemento padre

<tamaño-absoluto>

Una palabra clave de tipo <tamaño-absoluto> es un índice a una tabla de tamaños de fuente calculados y guardados por el AU. Los valores posibles son: [ xx-small | x-small | small | medium | large | x-large | xx-large ]. Para la pantalla de una computadora se sugiere un factor de escala de 1,5 entre índices sucesivos; si la fuente 'medium' es de 10pt, la fuente 'large' podría ser de 15pt. Medios diferentes pueden necesitar diferentes factores de escala. Por otra parte, a la hora de calcular la tabla, el AU debería tener en cuenta la calidad y disponibilidad de las fuentes. La tabla puede ser distinta de una familia a otra.

<tamaño-relativo>

Una palabra clave de tipo <tamaño-relativo> se interpreta como relativa con respecto a la tabla de tamaños de fuente y al tamaño de fuente del elemento padre. Los valores posibles son: [ larger | smaller ]. Por ejemplo, si el elemento padre tiene un tamaño de fuente 'medium', un valor 'larger' hará que el tamaño de fuente del elemento considerado sea 'large'. Si el tamaño del elemento padre no está cercano a una de las entradas de la tabla, el AU es libre de interpolar entre entradas de la tabla o redondear a la más cercana. El AU puede tener que extrapolar valores de la tabla si el valor numérico rebasa los límites de las palabras clave.

Los valores de longitud y los porcentuales no deberían tener en cuenta la tabla de tamaños de fuente cuando se calcule el tamaño del elemento.

No se permiten valores negativos.

En todas las demás propiedades, los valores de longitudes expresados en 'em' y 'ex' se refieren al tamaño de fuente del elemento actual. En la propiedad 'font-size', estas unidades de longitud se refieren al tamaño de fuente del elemento padre.

Obsérvese que una aplicación puede reinterpretar un tamaño explícito, dependiendo del contexto. Por ejemplo, dentro de una escena de realidad virtual una fuente puede obtener un tamaño diferente debido a la distorsión de la perspectiva.

Ejemplos:

P { font-size: 12pt; }
BLOCKQUOTE { font-size: larger }
EM { font-size: 150% }
EM { font-size: 1.5em }

Si se utiliza el factor de escala sugerido de 1,5, las tres últimas declaraciones son idénticas.

5.2.7 'font'

Valor: [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family>
Inicial: no definido para propiedades abreviadas
Se aplica a: todos los elementos
Se hereda: sí
Valores porcentuales: sólo permitidos para <font-size> y <line-height>

La propiedad 'font' es una propiedad abreviada para establecer las propiedades 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height' y 'font-family' en un mismo lugar de una hoja de estilo. La sintaxis de esta propiedad se basa en la notación abreviada tipográfica tradicional para establecer múltiples propiedades relacionadas con los tipos de letra.

Para una definición de los valores iniciales y permitidos, véanse las propiedades anteriormente definidas. Las propiedades para las cuales no se dan valores se establecen a su valor inicial.

P { font: 12pt/14pt sans-serif }
P { font: 80% sans-serif }
P { font: x-large/110% "new century schoolbook", serif }
P { font: bold italic large Palatino, serif }
P { font: normal small-caps 120%/120% fantasy }

En la segunda regla, el valor porcentual del tamaño de fuente ('80%') se refiere al tamaño de fuente del elemento padre. En la tercera regla, el porcentaje de altura de línea se refiere al tamaño de fuente del propio elemento.

En las tres primeras reglas del ejemplo anterior, las propiedades 'font-style', 'font-variant' y 'font-weight' no se mencionan explícitamente, lo cual significa que las tres se establecen a su valor inicial ('normal'). La cuarta regla establece 'font-weight' en 'bold', 'font-style' en 'italic' e, implícitamente, establece 'font-variant' en 'normal'.

La quinta regla establece 'font-variant' ('small-caps'), 'font-size' (120% de la fuente del padre), 'line-height' (120% del tamaño de la fuente) y 'font-family' ('fantasy'). Se deduce que la palabra clave 'normal' se aplica a las dos restantes propiedades: 'font-style' y 'font-weight'.