網頁設計中經常使用的Web安全字體

但多數狀況下，考慮各個因素的影響咱們仍是在儘可能充分利用這些默認調用的字體實現CSS的編寫，這裏整理了19個Web安全字體，讓你無需任何顧慮的狀況下暢快使用。

1,  Arial

微軟公司的網頁核心字體之一，最經常使用的sans-serif字體，當字號很小時不容易閱讀。可是，大寫的「I」和小寫的「l」是沒法區別的，你能夠考慮用Tahoma字體來替代。
（蘋果系統沒有這種字體，但有一種對應於Arial的字體叫Helvetica，它是MAC機上與Arial 字體最類似的WEB字體,是別一種非襯線字體.它是一種性能優良的打印字體,但在屏幕上表現不是很好。）

CSS寫法：font-family: Arial, Helvetica, sans-serif;

2, Arial Black

CSS寫法：font-family: ‘Arial Black’, Gadget, sans-serif;

3, Arial Narrow

CSS寫法：font-family: ‘Arial Narrow’, sans-serif;

4, Verdana

微軟公司的網頁核心字體之一，微軟公司專門爲屏幕顯示而開發的。應用普遍。易於閱讀。是顯示器中最清晰的字體，即便字號很小，也很容易閱讀。但字號最好介於10~14像素之間，超出這個範圍就很差看了。

CSS寫法：font-family: Verdana, Geneva, sans-serif;

5,  Georgia
微軟公司的網頁核心字體之一，可用性好。可讀性比Times New Roman強。是網站設計中，瀏覽效果最好的serif字體，由於它是專爲網上閱讀設計的。）

CSS寫法：font-family: Georgia, serif;

6,  Times New Roman
微軟公司的網頁核心字體之一，多是最經常使用的serif字體，是網站瀏覽器默認的字體，12pt以上的字體容易閱讀，但小字號的字體易讀性差。（蘋果系統沒有這個字體，有一個對應於Times New Roman的字體叫Times）

CSS寫法：font-family: 'Times New Roman', Times, serif;

7, Trebuchet MS
微軟公司的網頁核心字體之一，與Arial類似。Trebuchet MS比Arial看起來優雅、古典一點。能夠用來作標題，但小字號閱讀起來會很困難（低於13PIX閱讀起來就很累了，不太推薦用來作正文字體）。在蘋果系統上也能夠用Helvetica作替代。

CSS寫法：font-family: 'Trebuchet MS', Helvetica, sans-serif;

8 , Courier New
微軟公司的網頁核心字體之一，老式打印機字體，有一種獨特的機械工整感受。呈現計算機編碼時，還會用到這種字體。12 pt的Courier New字體曾是美國國務院的公文標準字體，但於2004年1月停用，改使用14 pt的Times New Roman，由於其具「現代性」和「易讀性」。

CSS寫法：font-family: 'Courier New', Courier, monospace;

9,  Impact
微軟公司的網頁核心字體之一，Impact是1965年發表的一個無襯線字體，其特粗的筆畫、緊縮的間距。字體較爲粗獷，適合使用在標題上，而不經常使用在內文。

CSS寫法：font-family: Impact, Charcoal, sans-serif;

10,  Comic Sans MS
微軟公司的網頁核心字體之一，手寫體。這是一種爭議很大的字體，建議不要用在正規的金融、政府、商業機構站點。

CSS寫法：font-family: 'Comic Sans MS', cursive;

11,  Tahoma
Tahoma是一個十分常見的無襯線字體，Tahoma和Verdana師出同爲名設計師馬修·卡特的做品，由微軟在1999年推出，被採用爲Windows 2000、Windows XP、Windows Server 2003等系統的默認字型。它的字體結構和Verdana很類似，其字符間距較小，用來做爲標題，效果好過Arial（Tahoma的大寫I 和小寫l比Arial容易識別），但若是做爲正文，他的字號不能小於13PIX，不然不少筆畫粘連到一塊兒，不利於閱讀。

CSS寫法：font-family: Tahoma, Geneva, sans-serif;

12,  Courier
Courier是一個等寬字體的粗襯線字體，主要是依據打字機所打印出來的字型來設計。原來Courier New的字體是IBM公司在1950年代設計給打印機使用的字體，後來這個字型成爲整個打字機制造業的標準。Courier New是Courier的變體，比Courier更具機械味道。

CSS寫法：font-family: Courier, monospace;

13,  Lucida Sans Unicode
是一種OpenType型的無襯線字體 。1993年製做並隨微軟公司的Windows NT 3.1操做系統發佈。有較大的x字高，具備很好的可讀性，被普遍用於顯示、出版等各類用途。
它支持Unicode2.0版本的基本字符，包括拉丁字母，希臘字母，西裏爾字母，希伯來字母，以及國際音標字符。該字體是首個 Unicode代碼的字體， 該字體從Windows 98開始一直做爲系統預裝字體發行。
後來發佈的 Lucida Grande字體做爲蘋果公司Mac OS X系統的默認字體發佈。

CSS寫法：font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

14, Lucida Console
同Lucida Sans Unicode相似。

CSS寫法：font-family: 'Lucida Console', Monaco, monospace;

15,  Garamond
Garamond（加拉蒙德）是一類西文襯線字體的總稱，自16世紀40年代開始至今，有不少家公司和不少設計師參與到Garamond字體設計，如： Adobe Garamond, Monotype Garamond, Sioncini Garamond，和 Stempel Garamond等等。字體給人端莊典雅，有些古典的感受，在博物館和歷史性悠久的項目中使用，應該能夠得到不錯的效果。

CSS寫法：font-family: Garamond, serif;

16 ,  MS Sans Serif
微軟系統自帶字體。屏幕顯示的像素字體。非襯線字體。

CSS寫法：font-family: 'MS Sans Serif', Geneva, sans-serif;

17 ,  MS Serif
微軟系統自帶字體。屏幕顯示的像素字體。襯線字體。

CSS寫法：font-family: 'MS Serif', 'New York', sans-serif;

18, Palatino Linotype

CSS寫法：font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

19, Symbol

CSS寫法：font-family: Symbol, sans-serif;

20, Bookman Old Style

CSS寫法：font-family: 'Bookman Old Style', serif;