English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @CSS (RULES)

Manuale completo delle proprietà CSS

Caratteri di tipo sicuro per la rete CSS

I font sicuri per la sicurezza delle reti sono estremamente comuni e più probabili che appaiano su vari sistemi operativi come Windows, Mac, Linux e altri.

Perché scegliere i font sicuri per il web

Quando il font che stai cercando di utilizzare sul sito web non appare come dovrebbe, potrebbe essere un caso perché non tutti i sistemi informatici offrono tutti i font.

Per garantire che il testo sia presentato correttamente nella maggior parte dei browser o dei sistemi operativi, devi definire il font con estrema accuratezza. Ilfont-familyL'attributo CSS può accettare diversi nomi di font come opzioni di sistema di riserva. Prima del font preferito richiesto, quindi il font di riserva quando il font preferito non è disponibile.

Dovresti sempre utilizzare una famiglia di caratteri universale come valore dell'attributo font-family, tra cui cinque: serif, sans-serif, monospace, cursive e fantasy. Se non ci sono i font definiti da te, la famiglia di caratteri universale permette al browser di scegliere font simili.

La tabella elenca le combinazioni di font più sicure da utilizzare.

Famiglia di caratteriNormaleGrassetto
Arial, Helvetica, sans-serif

Questo è il testo normale.

Questo è il testo in grassetto.

"Times New Roman", Times, serif

Questo è il testo normale.

Questo è il testo in grassetto.

"Courier New", Courier, monospace

Questo è il testo normale.

Questo è il testo in grassetto.

L'esempio seguente mostra come impostare correttamente l'attributo con font-family.

.sans-serif-font {
   font-family: Arial, Helvetica, sans-serif;
}
.serif-font {
   font-family: "Times New Roman", Times, serif;
}
.monospace-font {
   font-family: "Courier New", Courier, monospace;
}
Prova a vedere‹/›

Combinazioni di caratteri comuni

La tabella seguente elenca alcune combinazioni di caratteri comuni organizzate per serie universali.

Caratteri con serifa

Famiglia di caratteriNormaleGrassetto
Georgia, serif

Questo è il testo normale.

Questo è il testo in grassetto.

"Times New Roman", Times, serif

Questo è il testo normale.

Questo è il testo in grassetto.

"Palatino Linotype", Palatino, "Book Antiqua", serif

Questo è il testo normale.

Questo è il testo in grassetto.

Caratteri senza serifa

Famiglia di caratteriNormaleGrassetto
Arial, Helvetica, sans-serif

Questo è il testo normale.

Questo è il testo in grassetto.

"Arial Black", Gadget, sans-serif

Questo è il testo normale.

Questo è il testo in grassetto.

Impact, Charcoal, sans-serif

Questo è il testo normale.

Questo è il testo in grassetto.

Tahoma, Geneva, sans-serif

Questo è il testo normale.

Questo è il testo in grassetto.

"Trebuchet MS", Helvetica, sans-serif

Questo è il testo normale.

Questo è il testo in grassetto.

Verdana, Geneva, sans-serif

Questo è il testo normale.

Questo è il testo in grassetto.

Caratteri a spaziatura fissa

Famiglia di caratteriNormaleGrassetto
Courier, monospace

Questo è il testo normale.

Questo è il testo in grassetto.

"Courier New", Courier, monospace

Questo è il testo normale.

Questo è il testo in grassetto.

"Lucida Console", Monaco, monospace

Questo è il testo normale.

Questo è il testo in grassetto.

Caratteri a script cursive

Famiglia di caratteriNormaleGrassetto
"Comic Sans MS", cursive

Questo è il testo normale.

Questo è il testo in grassetto.

"Courier New", Courier, monospace

Questo è il testo normale.

Questo è il testo in grassetto.

"Lucida Console", Monaco, monospace

Questo è il testo normale.

Questo è il testo in grassetto.

Tipi di carattere Fantasy

Non esiste un tipo di carattere Fantasy con una buona utilità across browser e sistemi operativi.

 

Attenzione:I caratteri (Verdana, Georgia, “Comic Sans MS”, “Trebuchet MS”, “Arial Black”, Impact) sono validi su Windows e MacOS, ma non su Unix + X.