---
Página principal

Propiedades de fuente

Indice del tutorial
---

Son las que afectan a las características de la letra, como el tamáño o el tipo.

font-family
font-style
font-variant
font-weight
font-size
font

---

font-family

Con esta propiedad puedes escojer la fuente (tipo de letra) que quieres que se use en el selector. Para que funcione esta debe estar instalada en el ordenador del navegante. puedes escojer una fuente concreta ( por ejemplo "Helvetica" ) o una familia de fuentes ( sans-serif ). también puedes usar varios nombres seguidos: El navegador tratará de usar la primera de ellas, si no está instalada lo intentará con la siguiente, ect.

Sintaxis:

font-family: [[<fuente> | <familia>],]* [<fuente> | <familia>]

Detalles:

<fuente> es el nombre de fuente que quieras usar. Si el nombre contiene espacios, deberá ir entre comillas.

<familia>: Es el nombre genérico de la familia. Sus posibles valores son:

serif: se refiere a las fuentes "con remate" como, por ejemplo, la Times.
sans-serif: Son las llamadas fuentes "de palo seco", como la Helvetica.
cursive: Es la tipografía caligráfica, como la comic
fantasy: Es un término un tanto amplio, que abarca a todas las llamadas tipografías "ornamentales"
monospace: Es el tipo de fuente monoespaciada, como e las máquinas de escribir.

Valor por defecto: (Predeterminado del navegador, usualmente Times).

Se aplica a todos los elementos

HEREDABLE

---

font-style

Sirve para decidir el estilo de la fuente

Sintaxis:

font-style: <estilo>

Detalles:

<estilo> puede tener uno de estos tres valores:

normal: Es exactamente eso, lo normal.
italic: Itálica, cursiva.
oblique: Inclinada, un estilo parecido a algo intermedio entre la cursiva y la normal.

Valor por defecto: normal.

Se aplica a todos los elementos.

HEREDABLE

---

font-variant

Este atributo se usa, actualmente, solo para definir si quieres usar las mayúsculas y minúsculas de la forma tradicional o como "versalitas", es decir, usando unas mayúsculas de menor tamaño en lugar de minúsculas.

Sintaxis:

font-variant: <modo>

Detalles:

<modo> puede tener uno de estos dos valores:

normal: Es, como siempre, normal. En este caso con las minúsculas de siempre.
SMALL-CAPS: Es en la forma "versalitas".

Valor por defecto: normal.

Se aplica a todos los elementos.

HEREDABLE

---

font-weight

Esta propiedad sirve para escojer el "peso" de la tipografía, es decir, lo "gordas" que serán las letras. Depende de las fuentes que haya instaladas en el sistema del navegante.

Sintaxis:

font-weight: <peso>

Detalles:

<peso> puede ser uno de estos:

normal: Pues eso, normal.
bold: Negrita.
bolder: Un poco más pesada que el valor heredado. (Varios bolder acumulados incrementan el peso proporcionalmente).
lighter: Un poco más ligera que el valor heredado. (Varios ligter acumulados disminuyen el peso proporcionalmente).
100, 200, 300, 400, 500, 600, 700, 800, 900: Cada uno de estos números equivale a pesos proporcionales. (100 es el más ligero y 900 el mas pesado).

Valor por defecto: normal.

Se aplica a todos los elementos.

HEREDABLE

---

font-size

Sirve para especificar el tamaño de fuente que se usará.

Sintaxis:

font-size: <absoluto> | <relativo> | <tamaño> | <porcentaje>

Detalles:

:<absoluto>: Especifica un tamaño de entre uno de los siguientes (de menor a mayor):

xx-small
x-small
small
medium
large
x-large
xx-large

<relativo> modifica el tamaño heredado en un nivel:

larger: Aumenta un nivel el tamaño de letra.
smaller: Decrementa el valor heredado en un nivel.

<tamaño>: Especifica el tamaño exacto del tipo de letra en pixels, picas, u otra unidad CSS.

:<porcentaje>: Especifica el tamaño del tipo de letra en porcentaje respecto al valor heredado.

Valor por defecto: medium.

Se aplica a todos los elementos.

HEREDABLE

---

font

En Font se aplican todas las propiedades anteriores. Es una especie de "propiedad resumen" en la que se pueden modificar todos los parámetros que ya hemos visto.

Sintaxis:

font:[ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family>

Detalles:

<font-style>: Equivale a la propiedad Font Style
<font-variant>: Equivale a la propiedad Font Variant
<font-weight>: Equivale a la propiedad Font Weight
<font-size>: Equivale a la propiedad Font Size
<line-height>: Equivale a la propiedad Line Height
<font-family>: Equivale a la propiedad Font Family

Valor por defecto: El correspondiente a cada propiedad.

Se aplica a todos los elementos.

HEREDABLE

---

Capitulo anteriorPrincipio de este capituloIndice del tutorialCapitulo siguiente

---

HTML 4.0 VálidoCSS Válido