Famiglia di caratteri - Trucchi CSS

La font-familyproprietà definisce il carattere che viene applicato all'elemento selezionato. Il carattere selezionato non è un singolo tipo di carattere, ma una "famiglia" e quindi può dipendere da altri valori di proprietà tipografiche per selezionare il viso corretto all'interno della famiglia.

body ( font-family: Arial, Helvetica, sans-serif; )

Un valore può essere uno dei seguenti:

Un nome di famiglia di caratteri che corrisponde a un carattere incorporato nella pagina o disponibile nel sistema dell'utente.
Una serie di cognomi, separati da virgole, che possono includere un cognome generico

Se vengono utilizzati più cognomi, il browser selezionerà il primo che trova incorporato nella pagina utilizzando @font-faceo installato sul sistema operativo dell'utente.

Perché font-familynon esiste un valore predefinito o iniziale specifico; il valore iniziale dipende sempre dal browser e / o dal sistema operativo.

Nomi di famiglia generici

Se vengono utilizzati più valori per una singola dichiarazione, si consiglia di inserire una famiglia generica per ultima come riserva per garantire la migliore esperienza tipografica:

code ( font-family: Courier, Monaco, monospace; )

Nell'esempio precedente, "Courier" e "Monaco" sono nomi di famiglia reali di caratteri reali, mentre "monospazio" è solo un riferimento generico a qualsiasi carattere installato nel sistema dell'utente che è a spaziatura fissa.

Se i primi due non vengono trovati installati, il browser selezionerà l'opzione migliore, ma solo dai caratteri a spaziatura fissa. Senza la famiglia generica, il carattere verrebbe impostato su qualsiasi carattere predefinito sul sistema dell'utente (probabilmente un serif o sans-serif), il che sarebbe indesiderabile.

I cognomi generici includono serif, sans-serif, cursive, fantasy, e monospace.

Se un cognome corrisponde a un cognome generico, il cognome deve essere citato per indicare che non è generico.

Nomi di famiglia composti da più parole

Se un cognome contiene più parole, separate da spazi, si consiglia di elencare il cognome tra virgolette (singole o doppie):

code ( font-family: "Times New Roman", Georgia, serif; )

Questo non è sempre necessario, ma generalmente è più sicuro includere le virgolette per qualsiasi nome di famiglia che contiene spazi o caratteri speciali.