CSS 網頁安全字體

網絡安全字體是極為常見的字體，最有可能出現在Windows，Mac，Linux等各種操作系統上。

為什么選擇Web安全字體

當您試圖在網頁上使用的字體未按應有的樣子出現時，可能是一種情況，因為并非所有計算機系統都提供所有字體。

為了確保在大多數瀏覽器或操作系統上準確呈現文本，您必須非常仔細地定義字體。該font-familyCSS屬性可以容納幾種字體名作為備用系統。首先從所需首選字體開始，然后在首選字體不可用時,采用后備字體。

您應該始終使用通用字體系列來作為font-family的屬性值，其中有五個：serif，sans-serif，monospace，cursive和fantasy。如果沒有您定義的字體，則通用字體系列允許瀏覽器選擇相似的字體。

下表列出了最安全使用的字體組合。

字體系列正常加粗

Arial, Helvetica, sans-serif這是普通文字。這是粗體文本。

"Times New Roman", Times, serif這是普通文字。這是粗體文本。

"Courier New", Courier, monospace這是普通文字。這是粗體文本。

下面的示例顯示如何以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;

}測試看看?/?

常用字體組合

下表列出了一些按通用系列組織的常用字體組合。

Serif 字體

字體系列正常加粗

Georgia, serif這是普通文字。這是粗體文本。

"Times New Roman", Times, serif這是普通文字。這是粗體文本。

"Palatino Linotype", Palatino, "Book Antiqua", serif這是普通文字。這是粗體文本。

Sans-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這是普通文字。這是粗體文本。

Monospace 等寬字體

字體系列正常加粗

Courier, monospace這是普通文字。這是粗體文本。

"Courier New", Courier, monospace這是普通文字。這是粗體文本。

"Lucida Console", Monaco, monospace這是普通文字。這是粗體文本。

Cursive 草書字體

字體系列正常加粗

"Comic Sans MS", cursive這是普通文字。這是粗體文本。

"Courier New", Courier, monospace這是普通文字。這是粗體文本。

"Lucida Console", Monaco, monospace這是普通文字。這是粗體文本。

Fantasy字體

不存在跨瀏覽器和操作系統具有良好可用性的Fantasy字體。

警告：字體(Verdana，Georgia，“ Comic Sans MS”，“ Trebuchet MS”，“ Arial Black”，Impact)在Windows和MacOS上有效，但在Unix + X上無效。

總結

以上是生活随笔為你收集整理的html 字体设置草体,CSS 网页安全字体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。