這里整理了多個Web安全字體，讓你無需任何顧慮的情況下暢快使用。

1、Arial

微軟公司的網頁核心字體之一，常用的sans serif字體，當字號很小時不容易閱讀。但是，大寫的“I”和小寫的“l”是無法區別的，你可以考慮用Tahoma字體來替代。

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、erdana

微軟公司的網頁核心字體之一，微軟公司專門為屏幕顯示而開發的。應用廣泛。易于閱讀。是顯示器中清晰的字體，即使字號很小，也很容易閱讀。我比較喜歡采用10PX的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;

希望在Web編寫過程中這些核心的Web字體能對你有用。

Centaur

具有史詩般正統風格，特別適合用于表現年代悠久。具體排版時注意合字和老式數字的使用。

Garamond

復古傳統，沒有強烈個性，十分易于閱讀，因為太流行所以很多大的公司都做過Garamond復刻，蘋果電腦里有系統字Garamond以及Adobe所制作的Adobe Garamond Pro。 如果是希望web上使用，可以考慮EB Garamond。

Caslon

美國獨立宣言用字，是活字時代的大熱字體。很多公司也做過Caslon復刻，現在的使用也非常廣泛。

Baskerville

過渡期羅馬體(舊體到現代體)的代表性字體，非常經典，給人古典、高貴的感覺。

Didot

現代襯線體，發絲襯線。特點是強烈的筆畫粗細對比和水平襯線，時尚，現代，優美。

Franklin Gothic

這款字體是很早出現的無襯線體，所以帶有古風，筆畫粗狂有力，具有男性化感覺，適合表現強有力。Web字體可以考慮Oswald。

Futura

Futura是拉丁語未來的意思，現代且具有幾何特征，感覺是現在的主流大熱字體，尤其是要突出時尚，設計感的時候可以使用。制作過程中受到包豪斯運動的影響。是LV的商標用字，也是現在很多雜志的選字體。

Gill Sans

英國風格的代表字體，具有古典風格的骨架，但是又有很強的科技感和未來感，字體外形偏幾何，但是humanist字體，相對futura會柔和一些。

Opima

有古典氣息，筆畫兩端比較粗中間比較細，氣質優雅。時代周刊的字體更換，雅虎2013年使用Optima作為全新標識的設計基準都證明了這款字體的熱度。

Univers

Grotesque字體，比Helvetica更加簡練。字體家族非常全面，所以搭配使用很方便。

Myriad

Humanist字體，很早就已經流行，隨著蘋果的廣泛使用更加引人注目，筆畫柔和簡潔。

Avenir

字形簡潔，現代，雖然也有幾何特征，但是不失人情味。Avenir是法語未來的意思，對同樣未來含義的Futura是一種挑戰，放大x-height，降部拉長，使得文字的易讀性明顯提高。字體家族也很完整。

網站制作

• 2020-11-11 字體對網站SEO優化的影響
• 2020-11-11字體設計排版讓網站酷起來
• 2020-11-11佛山網站建設中的字體運用,網站設計中的漂亮字體
• 2020-11-09電商網站字體和色彩搭配技巧
• 2020-11-11優秀網頁設計從字體排版開始
• 2020-11-09怎么把網站字體做的更漂亮
• 2020-11-11網頁設計之字體設計
• 2020-11-09網站字體排版的10個基本規則-佛山網站設計
• 2020-11-09網站設計中的字體優化問題
• 2020-11-09網站設計中的中文字體設計手法，教你輕松搞定banner配文
• 2020-11-09這5種字體設計策略，可以創造精彩出挑的網頁視覺體驗-佛山網站設計
• 2020-11-11網頁字體設置原來有這么多要求