- A+
Web字體是設計人員的絕佳資源。這是一個列表，包含Web安全字體，免費的Web字體，以及可自定義的字體資源。
90%的網頁設計歸結為兩個設計元素：圖像和字體。字體的重要性是不言而喻的，但是找到免費的網絡字體和良好的網絡安全字體仍然很困難。為了節省您的搜索，Mockplus團隊收集了可用的最佳網絡字體列表。我們希望這個網絡字體列表不僅為您帶來便利，還為您的設計帶來價值。
提示：在使用前檢查字體使用條款是一個好習慣，特別是如果將它們用于商業目的。
在本文中，介紹Web字體有四個部分：
什么是網絡安全字體?
為什么使用網絡安全字體很重要?
關于網絡字體使用的建議。
與HTML和CSS一起使用的最佳Web字體列表
什么是Web Safe字體?
Web安全字體是通常預裝在大多數設備上的字體 - 計算機，移動電話，智能電視和平板電腦。
為什么使用Web Safe字體?
理想情況下，您可以選擇任何您想要的網站設計字體。實際上，您可以使用的字體類型是有限的。大多數計算機和Web瀏覽器都附帶制造商預先安裝的一組字體。
如果您使用的字體未安裝在用戶的計算機上，則您的網站將恢復為不屬于原始設計的通用字體。這對于UI設計和網頁的用戶體驗非常不友好。如果您希望保持網站設計和視覺品牌的一致性，那么使用網絡安全字體可確保您的網站完全符合您希望在不同設備上顯示的內容。
例如，如果在使用原型工具 Mockplus 時不使用Web安全字體，則網頁上的預覽字體將與移動電話上的字體預覽不一致。因此，下次使用Mockplus時遇到字體問題，請首先檢查您使用的計算機上是否安裝了相應的字體。
關于Web字體使用的建議
1.選擇基本字體
通常，有四種字體類型：
襯線字體
沒有襯線呢
手寫
裝飾體
2.選擇大于12磅的字體
3.注意文本的長度
4.注意間距
使用HTML和CSS的10個最佳Web安全字體
此Web安全字體列表包括最流行的字體和最常用的排版字體。雖然有些是免費的，但請購買正版授權字體。
1. Arial
Arial字體是過去30年來使用最廣泛的設計之一。由Monotype Imaging設計師Robin Nicholas和Patricia Saunders于1982年設計，用于早期的IBM激光打印機。由于Arial在大小尺寸以及各種應用中都易于閱讀，因此Arial幾十年來一直是主要的屏幕字體。
用于：廣告，書籍設計，辦公室通訊，海報，大型平面廣告
Web字體下載
CSS字體堆棧
2.儀表
微軟發布Calibri及其作為許多應用程序中的默認字體的實現被廣泛認可。它是一種人性化的無襯線字體，以其溫暖和圓潤的線條而聞名。Calibri的緊湊布局使其可以靈活地適用于各種文本尺寸。
用于：數字媒體
Web字體下載
CSS字體堆棧
3.時報NewRoman
Times New Roman是最常見的字體類型之一。這種襯線字體來自英國“泰晤士報”。1929年，字體專家斯坦利·莫里森批評該雜志的字體難以閱讀和丑陋。該雜志的人們接受了他的批評，并要求他設計一種適合雜志閱讀的新字體。因此，Morison與該雜志的Victor Lardent合作設計了現在著名的Times New Roman。
用于：書籍，期刊，年度報告，小冊子，報紙
Web字體下載
CSS字體堆棧
4. Helvetica
使用Mockplus，原型更快，更智能，更輕松
免費入門
Helvetica是最廣泛使用的無襯線字體之一，由Max Miedinger和Eduard Hoffman于1957年創建。這種字體的中性設計使其在各種應用中都非常有用。由于其可用性，Helvetica無處不在，一直是企業形象的熱門選擇。此外，Helvetica被美國政府廣泛使用，Helvetica字體用于美國稅收法案。
用于：品牌商標
Web字體下載
CSS字體堆棧
5.他給
Tahoma是一種非常常見的無襯線字體。字體結構類似于Verdana，其字符間距很小，并且它對Unicode字集的支持很大。它是由微軟于1999年推出的。許多不喜歡Arial字體的人經常使用Tahoma。具體而言，Arial因某些風格問題而受到批評，例如大寫“I”和小寫“l”難以區分
用于：屏幕對話框，菜單
Web字體下載
CSS字體堆棧
6.格魯吉亞
Georgia是一種襯線字體，由著名字體設計師Matthew Carter于1993年為微軟設計。其優點之一是即使在小字體尺寸下也具有良好的可讀性。
用途：電子書，手機，電腦網頁
Web字體下載
CSS字體堆棧
7. Verdana
Verdana是由Matthew Carter為Microsoft設計的無襯線字體。與字體Frutiger一樣，Verdana設計概念適用于當時的低分辨率計算機屏幕。Verdana字符的廣度和寬度是該字體在屏幕上易讀性的關鍵。盡管Verdana字體系列體積小，但它具有更高的分辨率，因此是最流行的字體之一。
2010年，宜家放棄了多年使用的Futura，并求助于Verdana。根據宜家的說法，這種變化的原因是為了確保字體可以適應各個國家的文本(以前的宜家字體與亞洲字符不兼容)，從而確保宜家設計的一致性。因此，Verdana具有廣泛的國際吸引力和可用性。
用途：電子書，手機，電腦網頁
Web字體下載
CSS字體堆棧
8. Optima
Optima字體是由著名設計師Hermann Zapf設計的清晰精確的字體。Optima的靈感來自古典羅馬銘文，曲線和線條略有不同，給人留下優雅和清晰的印象。因此，Optima經常被用來傳達經典理想以及當前的趨勢。例如，雅詩蘭黛將其用作官方字體設計。
用于：海報設計，裝訂，專輯封面，產品包裝設計
Web字體下載
CSS字體堆棧
9.帕拉蒂尼山
Palatino字體系列據說是世界上十種最常用的字體之一。Palatino的設計采用經典的襯線字體，強大，開放的風格，易于閱讀和非常有吸引力。它的受歡迎程度催生了許多模仿者。
用于：報紙和雜志，廣告，電子書，移動應用程序，計算機頁面
Web字體下載
CSS字體堆棧
10. Candara
Candara是一款sans serif字體，由Font Designer Gary Munch為Microsoft開發，隨Windows Vista一起提供。--Wikipedia
用于：電子郵件，網頁設計，雜志和非正式的排版設置
Web字體下載
CSS字體堆棧
2019年10個最佳免費新字體
1. MORGANITE
2. CIRCUSDIS播放
3. 霓虹燈
4. Fivo Sans
5. 黃豆豌豆免費字體
6. 形狀免費字體
7. ALOJA
8. 紅衣主教
9. 保持優雅的免費字體
10. 應變自由字體
標準Web字體
標準Web字體是Windows，Mac和iOS上可用的字體(但不適用于Android)。也稱為Web安全字體。
以下是標準Web字體列表，作為上面討論的Web安全字體的補充。
1. 襯線字體：時代新羅馬，格魯吉亞
2. Sans Serif字體：Arial，Verdana，Trebuchet MS
3. Monospace：Courier New
4. 標題字體：Impact，Arial Black，Comic Sans MS
更多Web字體資源
有很多列表為設計人員提供了Web字體資源。我知道很多人都喜歡谷歌字體，所以有一套包含1,208個谷歌字體的設計師。您可以下載字體并學習如何使用Google字體。尋找美麗而獨特的字體?不用擔心，這里有43種商業用途的免費字體列表。
結論：
Web字體是設計人員的絕佳資源。免費的網絡字體提供了高質量設計的捷徑。
更多關于網絡字體：
