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

