H I O X INDIA
CSS Tutorial
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

Temas de CSS
Introducción
Tipos de estilo
Propiedades de fondo
Propiedades de texto
Propiedades de fuente
CAJA Propiedades
Frontera Propiedades
Margen de Propiedades
Propiedades Acolchado
Temas Especiales
Pida su Dudas
Reacción



CSS Familia de Fuentes


Tema

Quiero establecer una fuente de estilo aria o verdana, cómo?
Cómo establecer un tipo de fuente en html usando una hoja de estilo?



Explicación

Propiedad: Familia de fuentes

Uso:
font-family: [ [family-name | generic-family], ]*;

Definición:
La familia de fuente puede establecerse usando esta etiqueta.
Hay numerosas familias de fuentes como serifa, cursiva, monoespaciada, etc...
Muchas familias de fuentes pueden establecerse en orden.
Esto se usa habitualmente porque cuando la primera familia de fuentes no es soportada por el navegador o no está presente, la segunda se utiliza y así sucesivamente.
Toma los valores siguientes.
a)familia-fuente | familia-genérica : e.g: serifa , cursiva , monospaciada

Ejemplo 1:
<div style="font-family: serif;">probando familia fuente</div>

Resultado:
probando familia fuente


Ejemplo 2:
<div style="font-family: courier;">probando familia fuente</div>

Resultado:
probando familia fuente


Ejemplo 3:
<div style="font-family: fantasy;">probando familia fuente</div>

Resultado:
probando familia fuente


Ejemplo 4:
<div style="font-family: tims, cursive, serif;">probando familia fuente</div>

Resultado:
probando familia fuente


Nota: En este ejemplo hemos establecido tres familias de fuentes. Como la primera familia (tims - un valor no válido) no está disponible, la segunda "cursive" es la elegida.

Los tipos de fuentes más comunmente usadas que están disponibles en la mayoría de las plataformas son Verdana, Arial, helvetica, san-serif.

Otros ejemplos de Valores que se pueden usar: serif, san-serif, cursive, monospace, fantasy, "times new roman", "new century schoolbook", helvetica, times, courier, western.






Una nota
CSS - Cascading Style Sheets se puede utilizar junto con etiquetas html, como se explica en este sitio. Esta sencilla CSS le ayudará a crear mucho más elegante y aseado páginas html. Esto no necesita ningún software adicional o códigos. Todos navegador web son capaces de entregar los códigos CSS.

Nota 2: Si es necesario se puede utilizar en lugar de
etiquetas. div etiqueta de inicio y final en líneas nuevas. span no podrán exceder de la etiqueta de zona.


privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com