首頁 >web前端 >css教學 >CSS Web安全字體組合的詳細說明

CSS Web安全字體組合的詳細說明

高洛峰
高洛峰原創
2017-03-09 17:00:322080瀏覽

下面小編就為大家帶來一篇CSS Web安全字體組合的詳細說明。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟小編過來看看吧

常用的字體組合

font-family屬性是多種字體的名稱,作為一個"應變"制度,以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援的第一個字體,它嘗試下一個的字體。

你想要的字體類型如果瀏覽器找不到,它會從通用的字體類型中找到與你相似的:

p{font-family:"Times New Roman", Times, serif}

下面是一些常用的字體組合,通用的字體系列。

Serif 字型

字型 #文字範例
Georgia, serif This is a heading

This is a paragraph

"Palatino Linotype", "Book Antiqua", Palatino, serif This is a heading

This is a paragraph

"Times New Roman", Times, serif This is a heading

This is a paragraph


 

sans - serif字體

字體 文字範例
Arial, Helvetica, sans-serif This is a heading

This is a paragraph

Arial Black, Gadget, sans-serif #This is a heading

This is a paragraph

#"Comic Sans MS", cursive, sans-serif This is a heading

This is a paragraph

#Impact, Charcoal, sans -serif This is a heading

This is a paragraph

"Lucida Sans Unicode", "Lucida Grande", sans-serif This is a heading

This is a paragraph

Tahoma, Geneva, sans-serif This is a heading

This is a paragraph

"Trebuchet MS", Helvetica, sans-serif This is a heading

This is a paragraph

Verdana, Geneva, sans-serif This is a heading

This is a paragraph


Monospace 字型

#字體 文字範例
"Courier New", Courier, monospace This is a heading

This is a paragraph

"Lucida Console", Monaco, monospace This is a heading

This is a paragraph


以上這篇CSS Web安全字體組合詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。


以上是CSS Web安全字體組合的詳細說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn