MANUALES

TUTORIAL CSS:

Lección 4: Fuentes

Familia de fuentes [font-family]

Establece una lista ordenada de fuentes que se usarán para mostrar un elemento determinado o una página web. Si la primera fuente de la lista no está instalada en el ordenador desde el que se accede al sitio, se seguirá probando con la siguiente fuente hasta encontrar una fuente apropiada.

CLASIFICACIÓN DE FUENTES: 

Para Listar fuentes:  Se empieza por la preferida, luego algunas fuentes alternativas. Se completa la lista con una familia de fuentes genéricas.

Un ejemplo de lista de fuentes por orden de prioridad podría tener este aspecto:

 h1 {font-family: arial, verdana, sans-serif;}
 h2 {font-family: "Times New Roman", serif;}

Estilo de la fuente [font-style]

Define la Fuente elegida bien con el valor (propiedades): normal, italic, oblique.

En el ejemplo que sigue, todos los encabezados marcados con <h2> aparecerán en cursiva.




 h1 {font-family: arial, verdana, sans-serif;}
 h2 {font-family: "Times New Roman", serif; font-style: italic;}
 

Variante de fuente [font-variant]

Elegir entre las variantes normal o small-caps (versalita) de una fuente; las letras en mayúsculas son mas pequeñas que el tamaño común.

Si se establece el valor small-caps y no hay disponible una fuente en versalita, el navegador probablemente mostrará el texto en mayúscula.

Ejemplo:




 h1 {font-variant: small-caps;}
 h2 {font-variant: normal;}
 

Peso de la fuente [font-weight]

Describe qué intensidad o "peso" en negrita debería tener la fuente. Toda fuente puede tener los valores normal o bold. Algunos navegadores soportan, incluso, el uso de números entre 100 y 900 (de cien en cien) para describir el peso de dicha fuente.





 p {font-family: arial, verdana, sans-serif;}
 td {font-family: arial, verdana, sans-serif; font-weight: bold;}
 

Tamaño de la fuente [font-size]

Se establece el tamaño de la fuente.



Existen muchas unidades diferentes para describir el tamaño de la fuente (por ejemplo, píxeles y porcentajes) 



'px' y 'pt' : Tamaño de la fuente de forma absoluta.

'%' y 'em' : Según el usuario considere oportuno. Ajustable.



 Como ejemplo, podemos incluir:




 h1 {font-size: 30px;}
 h2 {font-size: 12pt;}
 h3 {font-size: 120%;}
 p {font-size: 1em;}
 

Combinación de propiedades [font]

Incluir todas las propiedades diferentes relativas a fuentes en una única propiedad.

el código se puede simplicar así:




 p {
  font: italic bold 30px arial, sans-serif;
 }

TOMADO DE: http://es.html.net/tutorials/css/lesson4.php