Les opcions d'estil senzilles us permeten canviar la font (o tipus) d'una pàgina web mitjançant CSS (fulls d'estil en cascada). Podeu configurar la font de paraules individuals, frases específiques, titulars, paràgrafs sencers i fins i tot pàgines senceres de text.
Com canviar la font amb CSS
Podeu fer que els canvis HTML i CSS s'expliquin a continuació utilitzant qualsevol editor HTML o editor de text. Podeu copiar el text de la pàgina i enganxar-lo a un editor per fer els canvis aquí o obrir tota la pàgina web a l'editor i editar-lo directament.
-
Localitzeu el text on voleu canviar la font. Anem a utilitzar-ho com a exemple:
Aquest text està a Arial
-
Rodona el text amb l'element SPAN:
Aquest text està a Arial
-
Afegiu l'atribut style = "" a l'etiqueta span:
Aquest text està a Arial
-
Dins de l 'atribut style, canvieu la font usant font-family estil.
Aquest text està a Arial
-
Deseu els canvis per veure els efectes.
Consells per utilitzar CSS per canviar font
-
El millor mètode és tenir sempre almenys dos tipus de lletra al vostre tipus de lletra (la llista de tipus de lletra), de manera que si el navegador no té el primer tipus de lletra, podeu utilitzar el segon tipus de lletra.
Separeu diverses opcions de font amb una coma, com aquesta:
font-family: Arial, Ginebra, Helvetica, sans-serif;
-
L'exemple que s'explica anteriorment utilitza l'estil en línia, però el millor tipus d'estil usa un full d'estil extern perquè pugueu afectar més que només un element. Podeu utilitzar una classe per establir l'estil en blocs de text.
Aquest text està a Arial
En aquest exemple, el fitxer CSS per a l'estil de l'HTML anterior apareix de la manera següent:
.arial {font-family: Arial; }
-
Sempre finalitzeu els estils CSS amb un punt i coma (;). No és obligatori quan només hi ha un estil, però és un bon hàbit d'iniciar.
