Come trovare i nomi delle famiglie di caratteri per i CSS

I nomi delle famiglie di caratteri identificano i caratteri nei fogli di stile CSS o CSS. Poiché molti font hanno variazioni, i designer usano il nome della famiglia, come Arial, Helvetica o Verdana, piuttosto che il nome specifico di un font, come Arial Black o Verdana Bold. Trovare il nome della famiglia per un carattere è semplice perché il nome della famiglia è il nome che il carattere e tutte le sue varianti hanno in comune. Esistono famiglie di caratteri generiche, come sans serif e monospace, che, quando denominate in CSS, consentono al browser di scegliere un carattere predefinito all'interno dello stile dichiarato.

Passo 1

Fare clic sul pulsante "Start" sulla barra delle applicazioni, digitare "caratteri" nella barra di ricerca e premere "Invio" per aprire la cartella dei caratteri. Cerca il carattere che desideri utilizzare e prendi nota del suo nome. Ad esempio, Arial --- un font Windows comune --- ha molte varianti di font, insieme a un nome generico di "Arial". Utilizzare il nome della famiglia di caratteri Arial per utilizzare il carattere Arial generico o specificare Arial Narrow per utilizzare quel carattere specifico. In pratica, dovresti utilizzare un nome di famiglia di caratteri generico per la maggior parte del testo del corpo di un sito e quindi utilizzare caratteri più specifici per le intestazioni.

Passo 2

Aggiungi un nome di famiglia di caratteri generico al tuo stack di caratteri. Gli stack di caratteri sono elenchi di famiglie di caratteri in CSS e i web designer li usano come caratteri di backup per quando i visitatori non hanno il carattere preferito installato sul proprio computer. Usa il nome generico "serif" per terminare gli stack di caratteri che iniziano con caratteri serif come Georgia o Times New Roman e usa "sans-serif" per terminare gli stack di caratteri che iniziano con caratteri come Helvetica o Verdana. Altri nomi generici includono "monospazio", "corsivo" e "fantasy". Nota che i nomi generici delle famiglie di font sono irrilevanti quando incorpori un font usando @font-face.

Aggiungi virgolette intorno ai nomi delle famiglie di caratteri che sono lunghi più di una parola. I nomi dei caratteri composti da una sola parola come Arial o Georgia non richiedono le virgolette. È possibile utilizzare virgolette singole o doppie, ma prestare attenzione quando si mischiano i tipi di virgolette perché ciò può causare errori. Ecco un esempio di come vengono denominati i caratteri nei CSS:

body { font-family: "Helvetica Neue", Arial, sans-serif; }

Lo stack di caratteri sopra specifica che il browser deve prima cercare Helvetica Neue. I designer scelgono questo carattere perché non esiste sui computer Windows che visualizzano l'Helvetica normale in modo orribile. Gli utenti Windows vedranno Arial. Tutti gli altri utenti vedranno un carattere sans-serif predefinito in base alle impostazioni del browser.