CSS offre varie proprietà a Personalizza il carattere stile di un elemento di testo. Dalla modifica delle dimensioni e del colore del carattere da impostare famiglia di font, Ogni proprietà ha il suo significato. I formati di testo influiscono inoltre inoltre alla leggibilità del sito Web; Pertanto, selezionare il carattere giusto è fondamentale per rendere accessibile il tuo sito Web.

Questo articolo discuterà Proprietà del carattere CSS con l'aiuto di esempi adatti. Quindi iniziamo!

Proprietà del carattere CSS

IL "Proprietà della famiglia dei caratteri" elenca i caratteri tipografici in ordine prioritario. La selezione dei caratteri non termina con il primo carattere nell'elenco dei caratteri del sistema dell'utente. Invece, i caratteri sono scelti un personaggio alla volta, in modo tale che se un carattere disponibile non ha un glifo per una lettera richiesta, vengono tentati i caratteri successivi.

La selezione della famiglia dei caratteri è influenzata dalle caratteristiche come la disponibilità di un carattere tipografico in alcuni stili, versioni o dimensioni.

Tipi di nomi di carattere familiari CSS

La proprietà della famiglia del carattere contiene un elenco di famiglie di carattere separate da virgole. I nomi del carattere familiare CSS sono divisi in due tipi di nomi:

• Font Family-Name: Un nome di caramella familiare è il nome del carattere tipografico. Le famiglie di caratteri comprendono nomi come "Helvetica" E "Volte". Il nome del carattere familiare può contenere spazi bianchi, quindi dovrebbe essere dato tra le citazioni come: "Comic Sans MS".
• generico nome familiare: Quando nessuno dei caratteri specificati è accessibile, le famiglie di carattere generici servono da Opzione di fallback. Non è necessario specificare il nome di famiglia generico tra le citazioni perché lo sono Parole chiave, E la loro lista di nomi di familiari dovrebbe finire con una famiglia di carattere generici.

Ora diamo un'occhiata a un esempio di utilizzo sia del nome familiare che del generico nome familiare come nomi di font-famiglia.

Esempio: proprietà Font-Family CSS

Nell'esempio seguente, definiremo il valore della prima proprietà di caramelle specificando "Time New Roman"Come nome familiare di carattere e"Volte", E "Serif"Come nome familiare generico. Considerando che, nella seconda famiglia di fondi, "Arial", "Helvetica" e "sans-serif" vengono aggiunti come nomi di familiari generici:

La proprietà della famiglia del carattere

È un carattere "Times New Roman".

È un carattere "Arial".

Dopo aver salvato il codice aggiunto, quando aprirai l'HTML nel browser, mostrerà lo stile del carattere degli elementi di testo in base ai valori specificati del nome della famiglia e del nome generico:

Dimostreremo ora l'uso di diverse parole chiave coinvolte nella categoria della famiglia generica.

CSS Serif Generic-Family Categoria

I glifi che hanno terminato i colpi o le finali serificate effettive sono indicati come "Serif". Questa categoria di famiglia generica comprende Times New Roman, Georgia, Garamond e molte altre famiglie di carattere.

Esempio: categoria CSS serif generica

La proprietà della famiglia del carattere

È un carattere "Times New Roman" che appartiene alla famiglia Serif Font.

Produzione

CSS Sans-Serif Generic-Family Categoria

A differenza di Serif, i glifi in sans-serif ha terminazioni di ictus semplice. Ad esempio, Lucida Sans, Open Sans, Arial, Lucida Sans Unicode, Helvetica, Trebuchet MS, Fira Sans sono inclusi nella categoria generica sans-serif.

Esempio: categoria CSS sans-serif generica

La proprietà della famiglia del carattere

È un carattere "Arial" che appartiene alla famiglia dei caratteri sans-serif.

Produzione

Categoria generica monospaziale CSS

Tutti questi glifi con a uniforme e larghezza fissa sono definiti monospaziale-Per esempio, "Lucida Console", "Courier New", "Mono".

Esempio: categoria CSS Monospace Generic-Family

La proprietà della famiglia del carattere

È un carattere "Lucida" che appartiene alla famiglia monospaziale

Produzione

Categoria corsiva generica corsiva

A differenza dei caratteri tipografici in corsivo, corsivo I glifi di solito sono dotati Collegamento di colpi o altro tratti corsivi. Il carattere tipografico ricorda la scrittura del pennello o una penna scritta a mano anziché le lettere stampate. I glifi sono uniti parzialmente o interamente come i nomi dei caratteri come "Comic Sans MS", e molti altri.

Esempio: categoria CSS corsiva generica

La proprietà della famiglia del carattere

È il carattere "Comic Sans MS" che appartiene alla famiglia di caratteri corsivi

Produzione

Abbiamo compilato le informazioni essenziali relative alla proprietà CSS Font-Family. Puoi esplorarlo ulteriormente in base alle tue preferenze.

Conclusione

IL Proprietà del carattere CSS viene utilizzato per specificare il nome di famiglia del carattere o del testo. I nomi del carattere familiare CSS sono divisi in due tipi: "Font Family-Name" E "generico nome familiare", Dove il nome del carattere-familiare è il nome del carattere tipografico e le famiglie di carattere generici servono come opzione di fallback. IL Proprietà del carattere CSS può prendere un elenco di famiglie di caratteri che sono separate dalle virgole. Questo articolo ha discusso Proprietà del carattere CSS con l'aiuto di esempi adatti.