English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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 caratteri | Normale | Grassetto |
---|---|---|
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‹/›
La tabella seguente elenca alcune combinazioni di caratteri comuni organizzate per serie universali.
Famiglia di caratteri | Normale | Grassetto |
---|---|---|
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. |
Famiglia di caratteri | Normale | Grassetto |
---|---|---|
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. |
Famiglia di caratteri | Normale | Grassetto |
---|---|---|
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. |
Famiglia di caratteri | Normale | Grassetto |
---|---|---|
"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. |
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.