網(wǎng)絡(luò)安全字體是極為常見的字體，最有可能出現(xiàn)在Windows，Mac，Linux等各種操作系統(tǒng)上。
當(dāng)您試圖在網(wǎng)頁(yè)上使用的字體未按應(yīng)有的樣子出現(xiàn)時(shí)，可能是一種情況，因?yàn)椴⒎撬杏?jì)算機(jī)系統(tǒng)都提供所有字體。
為了確保在大多數(shù)瀏覽器或操作系統(tǒng)上準(zhǔn)確呈現(xiàn)文本，您必須非常仔細(xì)地定義字體。該font-familyCSS屬性可以容納幾種字體名作為備用系統(tǒng)。首先從所需首選字體開始，然后在首選字體不可用時(shí),采用后備字體。
您應(yīng)該始終使用通用字體系列來(lái)作為font-family的屬性值，其中有五個(gè)：serif，sans-serif，monospace，cursive和fantasy。如果沒有您定義的字體，則通用字體系列允許瀏覽器選擇相似的字體。
下表列出了最安全使用的字體組合。
| 字體系列 | 正常 | 加粗 |
|---|---|---|
| Arial, Helvetica, sans-serif | 這是普通文字。 | 這是粗體文本。 |
| "Times New Roman", Times, serif | 這是普通文字。 | 這是粗體文本。 |
| "Courier New", Courier, monospace | 這是普通文字。 | 這是粗體文本。 |
下面的示例顯示如何以font-family正確的方式設(shè)置屬性。
.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;
}測(cè)試看看?/?下表列出了一些按通用系列組織的常用字體組合。
| 字體系列 | 正常 | 加粗 |
|---|---|---|
| Georgia, serif | 這是普通文字。 | 這是粗體文本。 |
| "Times New Roman", Times, serif | 這是普通文字。 | 這是粗體文本。 |
| "Palatino Linotype", Palatino, "Book Antiqua", serif | 這是普通文字。 | 這是粗體文本。 |
| 字體系列 | 正常 | 加粗 |
|---|---|---|
| Arial, Helvetica, sans-serif | 這是普通文字。 | 這是粗體文本。 |
| "Arial Black", Gadget, sans-serif | 這是普通文字。 | 這是粗體文本。 |
| Impact, Charcoal, sans-serif | 這是普通文字。 | 這是粗體文本。 |
| Tahoma, Geneva, sans-serif | 這是普通文字。 | 這是粗體文本。 |
| "Trebuchet MS", Helvetica, sans-serif | 這是普通文字。 | 這是粗體文本。 |
| Verdana, Geneva, sans-serif | 這是普通文字。 | 這是粗體文本。 |
| 字體系列 | 正常 | 加粗 |
|---|---|---|
| Courier, monospace | 這是普通文字。 | 這是粗體文本。 |
| "Courier New", Courier, monospace | 這是普通文字。 | 這是粗體文本。 |
| "Lucida Console", Monaco, monospace | 這是普通文字。 | 這是粗體文本。 |
| 字體系列 | 正常 | 加粗 |
|---|---|---|
| "Comic Sans MS", cursive | 這是普通文字。 | 這是粗體文本。 |
| "Courier New", Courier, monospace | 這是普通文字。 | 這是粗體文本。 |
| "Lucida Console", Monaco, monospace | 這是普通文字。 | 這是粗體文本。 |
不存在跨瀏覽器和操作系統(tǒng)具有良好可用性的Fantasy字體。
警告：字體（Verdana，Georgia，“ Comic Sans MS”，“ Trebuchet MS”，“ Arial Black”，Impact）在Windows和MacOS上有效，但在Unix + X上無(wú)效。