Referencias:Hojas de estilo
Con las hojas de estilo en cascada, las fuentes se pueden definir con mayor precisión que con etiquetas y atributos de HTML 4.0. En la especificación CSS1, se asume que las fuentes definidas están en el sistema cliente y las fuentes de reemplazo se proponen en las propiedades. En CSS2, estas posibilidades se han expandido proporcionando a los autores una mayor flexibilidad para describir eficientemente las fuentes que deseen, y proporcionando a los navegadores una mayor libertad para seleccionar o incluso bajar fuentes alternativas cuando las solicitadas no están disponibles.
font |
font-family |
font-size |
font-size-adjust
|
font-stretch |
font-style |
font-variant |
font-weight
| font |
|
|
| Propiedad abreviada para determinar las siguientes seis propiedades de una vez: font-style, font-variant, font-weight, font-size, line-height, y font-family. |
| |
| Valor CSS1 | [['font-style' || 'font-variant' || 'font-weight']? 'font-size' [/'line-height']? font-family |
| |
| Valor CSS2 | caption | icon | menu | message-box | small-caption | status-bar | inherit |
| |
| Valor inicial | Vea cada propiedad individual. |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Si. |
| |
| Notas | Los valores de porcentaje se permiten con font-size y line-height. Por razones de compatibilidad hacia atrás, font-stretch y font-size-adjust se debe determinar mediante sus propiedades individuales. |
| |
Subir |
|
| font-family |
|
|
| Define una lista de nombres de familias de fuentes y nombres de familias genéricos. |
| |
| Valor CSS1 | [[<family-name> | <generic-familly> [,]* [<family-name> | <generic-familly>] |
| |
| Valor CSS2 | inherit |
| |
| Valor inicial | Depende del navegador. |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Si. |
| |
| Notas | <family-name> nombra la familia de fuente de su elección (Arial, parameterFont Helvetica, o Bookman, por ejemplo). <generic-family> nombra una familia de fuentes genérica entre los siguientes cinco valores: serif, sans-serif, cursive, fantasy, o monospace. |
| |
Subir |
|
| font-size |
|
|
| Define el tamaño de la fuente. |
| |
| Valor CSS1 | <absolute-size> | <relative-size> | <length> | <percentage> |
| |
| Valor CSS2 | inherit |
| |
| Valor inicial | medium |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Se hereda el valor calculado. |
| |
| Notas | Se permite un porcentaje relativo al tamaño de la fuente del elemento padre. |
| |
Subir |
|
| font-size-adjust |
|
|
| Los autores tienen la posibilidad de especificar una relación de aspecto o valor que desean preservar cuando se utilizan fuentes alternativas. El valor de aspecto se obtiene dividiendo la altura del tamaño de la fuente por la altura-x de la fuente (la altura de la letra x minúscula). |
| |
| Valor CSS2 | <number> | none | inherit |
| |
| Valor inicial | none |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Si. |
| |
| Notas | Se permite un porcentaje relativo al tamaño de la fuente del elemento padre. |
| |
Subir |
|
| font-stretch |
|
|
| Selecciona un estilo normal, condensado o expandido de una familia de fuentes. |
| |
| Valor CSS2 | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit |
| |
| Valor inicial | normal |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Si. |
| |
Subir |
|
| font-style |
|
|
| Selecciona el estilo normal (a.k.a roman o vertical), cursiva, u oblicua dentro de una familia de fuentes. |
| |
| Valor CSS1 | normal | italic | oblique |
| |
| Valor CSS2 | inherit |
| |
| Valor inicial | normal |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Si. |
| |
Subir |
|
| font-variant |
|
|
| Define una fuente normal o versales. |
| |
| Valor CSS1 | normal | small-caps |
| |
| Valor CSS2 | inherit |
| |
| Valor inicial | normal |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Si. |
| |
Subir |
|
| font-weight |
|
|
| Especifica el peso de la fuente. |
| |
| Valor CSS1 | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
| |
| Valor CSS2 | inherit |
| |
| Valor inicial | normal |
| |
| Aplicado a | Todos los elementos. |
| |
| Heredado | Si. |
| |
| Notas | Los valores de 100 a 900 forman una secuencia ordenada. Cada número define un peso que es por lo menos tan grueso como el anterior. El peso de una fuente normal es 400, mientras que el peso de las negritas es de 700. |
| |
Subir |
|