Valor: normal | italic | oblique
Inicial: normal
Se aplica a: todos los elementos
Se hereda: sí
Valores porcentuales: N/A
La propiedad 'font-style' elige entre letra normal (a veces llamada "romana" o "recta"), itálica y oblicua dentro de una familia tipográfica.
Un valor 'normal' selecciona una fuente clasificada como 'normal' en la base de datos de fuentes del AU, mientras que 'oblique' selecciona una fuente marcada como 'oblique'. Un valor 'italic' selecciona una fuente que está marcada como 'italic', o, si ésta no está disponible, una marcada como 'oblique'.
La fuente marcada como 'oblique' en la base de datos de fuentes del AU en realidad puede haber sido generada electrónicamente inclinando una fuente normal.
Las fuentes que incluyan las palabras Oblique, Slanted o Incline en su nombre estarán normalmente marcadas como 'oblique' en la base de datos de fuentes del AU. Las fuentes que incluyan las palabras Italic, Cursive o Kursiv en su nombre estarán normalmente marcadas como 'italic'.
H1, H2, H3 { font-style: italic }
H1 EM { font-style: normal }
En este ejemplo, el texto enfatizado contenido en un título 'H1' aparecerá con letra normal.
Valor: normal | small-caps
Inicial: normal
Se aplica a: todos los elementos
Se hereda: sí
Valores porcentuales: N/A
Otro tipo de variación dentro de una familia tipográfica son las versalitas. En una fuente de letras versalitas las letras minúsculas son similares a las mayúsculas, pero de menor tamaño y con proporciones ligeramente distintas. La propiedad 'font-variant' selecciona esa fuente.
Un valor 'normal' selecciona una fuente que no es de letras versalitas; 'small-caps' selecciona una fuente de versalitas. En CSS1 es suficiente (pero no necesario) que la fuente de versalitas se cree tomando una fuente normal y reemplazando las letras minúsculas por caracteres de caja alta escalados. Como último recurso, se podrán utilizar letras mayúsculas como sustitutas de una fuente de versalitas.
El siguiente ejemplo produce un elemento 'H3' en versalitas, con palabras enfatizadas en versalitas oblicuas:
H3 { font-variant: small-caps }
EM { font-style: oblique }
Puede haber otras variantes en la familia tipográfica, como por ejemplo fuentes con numerales de estilo antiguo, numerales versalitas, letras condensadas o expandidas, etc. CSS1 no tiene propiedades para seleccionar éstas.
CSS1 básico: en el caso de que esta propiedad provoque que el texto se transforme a mayúsculas, se aplicarán las mismas consideraciones que para la propiedad 'text-transform'.
Valor: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Inicial: normal
Se aplica a: todos los elementos
Se hereda: sí
Valores porcentuales: N/A
La propiedad 'font-weight' selecciona el peso de la fuente. Los valores '100' a '900' forman una secuencia ordenada, en la que cada número indica un peso que es al menos tan pesado como su predecesor. La palabra clave 'normal' es sinónima de '400', y 'bold' (negrita) es sinónima de '700'. Se ha demostrado que otras palabras clave distintas de 'normal' y 'bold' se confunden a menudo con nombres de fuentes, y por ello se ha elegido una escala numérica para la lista de 9 valores.
P { font-weight: normal } /* 400 */
H1 { font-weight: 700 } /* bold */
Los valores 'bolder' y 'lighter' seleccionan pesos de fuente que son relativos al peso heredado del padre:
STRONG { font-weight: bolder }
Los elementos hijos heredan el peso resultante, no el valor de la palabra clave.
Las fuentes (los datos de las fuentes) tienen normalmente una o más propiedades cuyos valores son nombres que describen el "peso" de una fuente. No hay un significado universal aceptado para estos nombres de pesos. Su papel principal es distinguir tipos de letra de distinto peso dentro de la misma familia tipográfica. El uso de unas familias a otras es bastante variable; por ejemplo, una fuente que uno podría pensar que es negrita (bold) podría ser descrita como Regular, Roman, Book, Medium, Semi- o DemiBold, Bold o Black, dependiendo de lo gruesa que sea la letra "normal" de la fuente dentro del diseño. Al no haber un uso estándar de nombres, los valores de la propiedad de peso en CSS1 se dan según una escala numérica en la que el valor '400' ('normal') se corresponde con la fuente de texto "normal" de esa familia. El nombre de peso asociado a esa fuente normalmente será Book, Regular, Roman, Normal o a veces Medium.
Con la asociación de valores de peso numéricos a las otras denominaciones de pesos dentro de cada familia sólo se pretende preservar el orden de grosores dentro de esa familia. Sin embargo, la siguiente heurística nos dice cómo se hace la asignación en los casos típicos:
Los siguientes dos ejemplos ilustran el proceso. Supónganse cuatro pesos en la familia "Ejemplo 1", de más ligero a más pesado: Regular, Medium, Bold, Heavy. Y supónganse seis pesos en la familia "Ejemplo 2": Book, Medium, Bold, Heavy, Black, ExtraBlack. Obsérvese cómo en el segundo ejemplo se ha decidido dejar "Ejemplo 2 Extrablack" sin asignar.
Fuentes disponibles | Asignaciones | Relleno de huecos ----------------------+---------------+------------------- "Example1 Regular" | 400 | 100, 200, 300 "Example1 Medium" | 500 | "Example1 Bold" | 700 | 600 "Example1 Heavy" | 800 | 900 Fuentes disponibles | Asignaciones | Relleno de huecos ----------------------+---------------+------------------- "Example2 Book" | 400 | 100, 200, 300 "Example2 Medium" | 500 | "Example2 Bold" | 700 | 600 "Example2 Heavy" | 800 | "Example2 Black" | 900 | "Example2 ExtraBlack" | (none) |
Ya que la intención de las palabras clave 'bolder' y 'lighter' es hacer más pesada o más ligera la fuente dentro de la familia, y teniendo en cuenta que una familia puede no tener fuentes asignadas a todos los valores simbólicos de peso, el emparejamiento de 'bolder' se hace con la siguiente fuente más pesada disponible en el cliente dentro de la misma familia, y el emparejamiento de 'lighter' se hace con la siguiente fuente más ligera dentro de la familia. Para ser más precisos, el significado de las palabras clave relativas 'bolder' y 'lighter' es el siguiente:
No hay ninguna garantía de que vaya a haber una fuente más pesada para cada uno de los valores de 'font-weight'; por ejemplo, algunas familias tipográficas pueden tener solamente una fuente normal y una fuente negrita (bold), otras pueden tener nueve fuentes de pesos diferentes. La única garantía es que una fuente con un valor dado no será menos pesada que fuentes con valores más ligeros.