網(wǎng)頁夠不夠美觀，排版夠不夠好看，甲方爸爸會不會滿意，用戶體驗是不是舒適......

作為一名網(wǎng)頁設計師，這一定是你的例行每日幾問。

以上問題的答案，有一個至關重要的點，那就是字體。

要知道，精美且使用得體的字體和排版幾乎決定了整個網(wǎng)頁顏值高低。

目前設計師關于字體的使用因為“侵權”變得惶惶不安，其實遠不必憂心忡忡，免費的字體很多，免費且好看的字體也很多，說到字體資源，開源免費在線字體庫 Google Fonts 絕對是一個大寶藏，今天Mockplus在其近1000多種字體里精選出了20款，提升設計顏值，打造高級感，從這20款字體開始吧~

為了方便大家挑選，我整理了每個字體的配圖，包含了四個部分：字體、字體屬性、標題展示和文本展示。那么，一起看看吧~

1. Dosis

設計師：Impallari Type

Dosis字體圓潤美觀，屬于無襯線型系列。最輕量的風格是Extra Light，僅在尺寸為36pt或更高的屏幕上可用，該字體可廣泛用于藝術設計和廣告，包括設計，海報，PPT，電影和電視制作。據(jù)統(tǒng)計，有860,000多個網(wǎng)站都使用了該字體。和Dosis字體搭配度高的字體包括：Roboto，Open Sans，Lato，Oswald和Raleway。

免費下載

2. Roboto

設計師：Christian Robertson

Roboto是由Google界面設計師Robertson完全基于Google系統(tǒng)而設計的一款字體，該字體設計出來就大受歡迎，它是Android操作系統(tǒng)和Chrome OS的默認字體，也是Google Material Design的首選字體。該字體兼其美觀和實用，目前已經(jīng)有超過24,000,000個網(wǎng)站都在使用該字體。 Roboto的最佳搭配字體包括Open Sans，Lato，Montserrat，Regular，Raleway和Oswald。

免費下載

3. EB Garamond

設計師：Georg Duffner

EB Garamond具有復古、經(jīng)典的特質(zhì)，因而在特定的網(wǎng)頁設計中大受歡迎。其實很多大公司都做過Garamond，其中包含蘋果和Adobe公司。ED Garamond因為其既有的典雅和傳統(tǒng)氣息，非常適合和中文一起使用，你也可以將其和以下字體一起使用，比如Roboto，Lobster，Montserrat，Lato，Anton。目前有超過2,200,000個網(wǎng)站在使用EB Garamond字體。

免費下載

4. Poppins

設計師：Indian Type Foundry

Popins是一種幾何非襯線字體，它的使用非常廣泛，可用于名片設計，新聞媒體，海報，PPT，影視制作，尤其是內(nèi)容展示。據(jù)統(tǒng)計有4,000,000多個網(wǎng)站的內(nèi)容展示都使用了Poppins。 Popins的搭配字體有Roboto，Raleway，Oswald，Playfair Display和Lato。

免費下載

5. Lora

設計師：Cyreal

Lora是一款均衡的現(xiàn)代襯線字體，非常適合在電子屏幕上展示，也同樣適用于印刷品。該字體適中的對比度使其非常適合展示網(wǎng)站正文內(nèi)容，比如博客內(nèi)容等。該字體在谷歌字體中排名前20，實力不容小覷。

免費下載

6. Alegreya

設計師：HuertaTipográfica

Alegreya是一種最初用于文學方面的字體。它最大的特點就是傳達了一種動態(tài)和多變的節(jié)奏，便于閱讀長篇文章。它被選為53個“十年字體”之一，并且也是前14個文本類型系統(tǒng)之一。目前有超過340,000個網(wǎng)站中使用了該字體，它的配對字體包含Roboto，Lato，Lora，Playfair Display和Montserrat。

免費下載

7. Libre Baskerville

設計師：Impallari Type

很受設計師歡迎的Baskerville不是網(wǎng)絡安全字體，Libre Baskerville的出現(xiàn)拯救了這一局面。該字體可以說是Baskerville的一個優(yōu)質(zhì)替換項。并且該字體針對16px左右的正文文本進行了優(yōu)化，更加適合在電子屏幕展示。Montserrat，Roboto，Lato，Raleway和Playfair Display都可以與之進行搭配。

免費下載

8. Rufina

設計師：Martin Sommaruga

Rufina是適用于與雜志相關或時尚網(wǎng)站相關的一款完美字體。該字體看起來非常優(yōu)雅、美觀，非常具有吸引力，但是要注意它帶來的高對比度，這對閱讀其實不是很友好，所以建議將該字體用于標題設計更好。

免費下載

9. Playfair display

設計師：ClausEggersS?rensen

作為微軟的網(wǎng)絡核心字體之一，Playfair Display非常適合標題設計。它具有超厚的筆觸和緊密的間距。與Playfair Display很配的字體包含Roboto，Lato，Montserrat，Raleway和Oswald。目前已有超過4,500,000個網(wǎng)站中使用了該字體。

免費下載

10. Lato

設計師：?ukaszDziedzic

Lato屬于無襯線字體系列。它的字母呈半圓，這個形狀看起來溫暖而舒適，組合在一起又有很好的穩(wěn)定性并具有一種嚴肅性。該字體的設計師曾這樣評價該字體：“Male and female, serious but friendly. With the feeling of the Summer。”

免費下載

11. Sans

Deisnger：黃偉

免費下載

12. Rubik

設計師: Cyreal

免費下載

13. Libre Franklin

設計師: Impallari Type

免費下載

14. Rakkas

設計師: Zeynep Akay

免費下載

15. Fjalla One

設計師: Sorkin Type

免費下載

16. Oswald

設計師: Vernon Adams

免費下載

17. Ubuntu

設計師: Dalton Maag

免費下載

18. Open Sans

設計師：Steve Matteson

免費下載

19. PT Sans

設計師: ParaType

免費下載

20. Rokkitt

設計師: Vernon Adams

免費下載

以上就是全部的字體展示。但是其實優(yōu)質(zhì)的Google網(wǎng)頁字體還有很多，沒有辦法一一展示。以上的例子都是一些具有質(zhì)感且被很多設計師使用的高頻字體，如果你有更好的推薦，歡迎交流哦~