CSS Web安全字體組合詳解
發(fā)布時(shí)間：2016-06-02 15:01:08 作者：佚名 
我要評(píng)論
我要評(píng)論下面小編就為大家?guī)?lái)一篇CSS Web安全字體組合詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
常用的字體組合
font-family屬性是多種字體的名稱，作為一個(gè)"應(yīng)變"制度，以確保瀏覽器/操作系統(tǒng)之間的最大兼容性。如果瀏覽器不支持的第一個(gè)字體，它嘗試下一個(gè)的字體。
你想要的字體類型如果瀏覽器找不到，它會(huì)從通用的字體類型中找到與你相似的:
CSS Code復(fù)制內(nèi)容到剪貼板
- 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安全字體組合詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.manongjc.com/cssref/css_websafe_fonts.html
相關(guān)文章
移動(dòng)端Web頁(yè)面的CSS3 flex布局快速上手指南
Flexbox通常能讓我們更好的操作他的子元素布局,這里稍微來(lái)提煉一下移動(dòng)端Web頁(yè)面的CSS3 flex布局快速上手指南,需要的朋友可以參考下2016-05-31- 通過(guò)CSS中的linear-gradient主要就能顯示出不同方向的條紋效果,這里我們就來(lái)詳解CSS制作Web頁(yè)面條紋背景樣式的技巧,需要的朋友可以參考下2016-05-31
像素密度與CSS3的viewport在移動(dòng)端Web響應(yīng)式布局中的運(yùn)用
viewport是CSS3中調(diào)整縮放的利器,特別適用于移動(dòng)端Web界面的操作與布局,接下來(lái)我們就來(lái)詳解像素密度與CSS3的viewport在移動(dòng)端web響應(yīng)式布局中的運(yùn)用.2016-05-27- HTML5 和CSS3是一入門就能用的最好的語(yǔ)言，最簡(jiǎn)單同時(shí)也最好的的方式就是直接開始做！本文由腳本之家小編給大家分享幾個(gè)web開發(fā)者最佳html5和css3代碼生成器，需要的朋友參2015-11-24
CSS實(shí)現(xiàn)帶倒三角標(biāo)記的WEB標(biāo)準(zhǔn)菜單效果代碼
這篇文章主要為大家介紹了CSS實(shí)現(xiàn)帶倒三角標(biāo)記的WEB標(biāo)準(zhǔn)菜單效果代碼,通過(guò)純css實(shí)現(xiàn)鼠標(biāo)滑過(guò)呈現(xiàn)倒三角標(biāo)記的顯示效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-10-12