Le semplici opzioni di stile consentono di modificare il carattere (o il tipo) di una pagina Web utilizzando CSS (Cascading Style Sheets). È possibile impostare il carattere di singole parole, frasi specifiche, titoli, interi paragrafi e persino intere pagine di testo.
Come cambiare il font con i CSS
Puoi apportare le modifiche HTML e CSS spiegate di seguito utilizzando qualsiasi editor HTML o editor di testo. Puoi copiare il testo dalla pagina e incollarlo in un editor per fare le modifiche lì o aprire l'intera pagina web nell'editor e modificare direttamente.
-
Individua il testo in cui desideri modificare il carattere. Useremo questo come esempio:
Questo testo è in Arial
-
Circonda il testo con l'elemento SPAN:
Questo testo è in Arial
-
Aggiungi l'attributo style = "" al tag span:
Questo testo è in Arial
-
All'interno dell'attributo style, cambia il font usando il famiglia di font stile.
Questo testo è in Arial
-
Salva le modifiche per vedere gli effetti.
Suggerimenti per l'utilizzo di CSS per modificare il carattere
-
L'approccio migliore consiste nell'avere sempre almeno due caratteri nello stack di caratteri (l'elenco di caratteri), in modo che se il browser non ha il primo carattere, può invece utilizzare il secondo carattere.
Separa più scelte di caratteri con una virgola, come questa:
font-family: Arial, Geneva, Helvetica, sans-serif;
-
L'esempio sopra illustrato utilizza lo stile in linea, ma il miglior tipo di stile usa un foglio di stile esterno in modo che tu possa influenzare più del solo elemento. Puoi usare una classe per impostare lo stile su blocchi di testo.
Questo testo è in Arial
In questo esempio, il file CSS per lo stile del codice HTML precedente appare come segue:
.arial {font-family: Arial; }
-
Termina sempre gli stili CSS con un punto e virgola (;). Non è richiesto quando esiste un solo stile, ma è una buona abitudine iniziare.
