Font CSS
- Pagina precedente Ombra di Testo CSS
- Pagina successiva Stile di Font CSS
È importante scegliere il font giusto per il tuo sito web!
La scelta del font è importante
La scelta del font può avere un grande impatto sull'esperienza utente del sito web.
Un font corretto può creare un'immagine forte per il tuo marchio.
È importante utilizzare font facili da leggere. I font aggiungono valore al testo. È importante anche scegliere il colore giusto e la dimensione del testo del font.
Famiglie di font universali
In CSS ci sono cinque famiglie di font universali:
- Font serif - c'è una piccola traccia sull'angolo di ogni lettera. Creano un senso di forma e eleganza.
- Font sans-serif - le linee del font sono semplici (senza piccoli tratti). Creano un aspetto moderno e minimalista.
- Font a spaziatura fissa (Monospace) - tutte le lettere hanno una larghezza fissa. Creano un aspetto meccanico.
- Font calligrafico (Cursive) - imita la scrittura umana.
- Font fantasy (Fantasy) - sono font decorativi/affascinanti.
Tutti i nomi di font diversi appartengono a una delle cinque serie di famiglie di font universali.
La differenza tra i font Serif e Sans-serif
Suggerimento:Sullo schermo del computer, i font sans-serif sono considerati più facili da leggere rispetto ai font serif.
Esempi di alcuni font
| Famiglie di font universali | Esempi di nomi di font |
|---|---|
| Serif | Times New Roman Georgia Garamond |
| Sans-serif | Arial Verdana Helvetica |
| Monospace | Courier New Lucida Console Monaco |
| Cursive | Brush Script MT Lucida Handwriting |
| Fantasy | Copperplate Papyrus |
L'attributo font-family di CSS
In CSS, utilizziamo l'attributo font-family per definire il font del testo.
L'attributo font-family dovrebbe includere più nomi di font come sistema di riserva per garantire la massima compatibilità tra browser e sistema operativo. Inizia con il font che desideri e termina con una serie universale (se non ci sono altri font disponibili, lascia che il browser scelga un font simile nella serie universale). I nomi dei font devono essere separati da virgola.
Nota:Se il nome del font ha più di una parola, deve essere racchiuso tra virgolette, ad esempio: "Times New Roman".
Esempio
Definire tre paragrafi con diversi font:
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
- Pagina precedente Ombra di Testo CSS
- Pagina successiva Stile di Font CSS
