Font CSS di riserva
Caratteri di riserva comunemente usati
Non ci sono font completamente sicuri per il web al 100%. C'è sempre la possibilità che un font non venga trovato o non sia installato correttamente. Pertanto, è molto importante utilizzare sempre i caratteri di riserva.
Ciò significa che dovresti aggiungere un elenco di "caratteri di backup" simili nella proprietà della famiglia di caratteri. Se il primo font non funziona, il browser proverà il successivo, il successivo e così via. Termina sempre l'elenco con un nome di famiglia di caratteri generico.
Di seguito sono riportati alcuni tipi di carattere di riserva comunemente utilizzati, organizzati in base alle 5 famiglie di caratteri generici:
- Serif
- Sans-serif
- Monospazio
- Corsivo
- Fantasia
Caratteri Serif
font-family | Example text | Code |
---|---|---|
"Times New Roman", Times, serif | This is a HeadingThis is a paragraph. |
|
Georgia, serif | This is a HeadingThis is a paragraph. |
|
Garamond, serif | This is a HeadingThis is a paragraph. |
Caratteri sans-serif
font-family | Example text | Code |
---|---|---|
Arial, Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
|
"Trebuchet MS", Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Georgia, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
Caratteri monospazio
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Caratteri corsivi
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Caratteri di fantasia
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Suggerimento: controlla anche tutti i caratteri Google disponibili e come utilizzarli.