這個世界上有兩種人，愛讀書的人和不愛讀書的人。不管這一事實如何，當今時代內(nèi)容仍然是王道。

然而，沒有良好的展現(xiàn)形式，再好的內(nèi)容也毫無意義。如今，許多網(wǎng)頁設計師在網(wǎng)頁排版上尋求折中方案，使用恰當?shù)淖煮w是網(wǎng)站整體上獲得成功的關鍵。

數(shù)字化平臺是極其動態(tài)的，我們必須適應內(nèi)容的不斷變化。然而與印刷不同，網(wǎng)頁設計無法自由定義字母之間的間距。

字體對用戶有著深刻的心理影響。這里我列舉了6種字體，它們被用于世界各地的網(wǎng)頁設計中，是文本的完美范例。在設計中使用這些字體，文本永遠不會單調(diào)枯燥！

Poppins

字體來源 ： Google字體

字體鏈接 ： https：//fonts.google.com/specimen/Poppins

用例示范 ：

http://zipl.pro/

http://http://www.nerval.ch/apollo_11/

http://theisbothmann.com/

http://www.kikk.be/2016/

推薦用于：模塊化和小型的網(wǎng)站

描述：Poppins是一種幾何形狀的無襯線字體，是一種非常流行的網(wǎng)站設計工具。每一個字母的形式幾乎都是單一的，在必要時使用光學校正可以使其保持均勻的印刷顏色。

Open Sans

字體來源： Google字體

字體鏈接： https://fonts.google.com/specimen/Open+Sans

用例示范： http://gravity-theme.site/ （公司，企業(yè)和產(chǎn)品網(wǎng)站）

推薦用于：標準外觀的網(wǎng)站。

說明：Open sans對于很多字體來說都是很好的搭配對象，比如，Lato，Raleway，Montserrat，Brandon Grotesk等等。它在瀏覽器上呈現(xiàn)出的效果十分優(yōu)美，具有良好的可讀性。

Montserrat

資料來源： Google字體

字體鏈接： https://fonts.google.com/specimen/Montserrat

用例示范： http://www.dangblast.com/

http://hansonwu.com/howtoordereggs/#/

推薦用于：有趣的網(wǎng)站（它能創(chuàng)造出莊嚴而有趣的外觀）。

說明：這種字體有三種變體，喚起了二十世紀早期的現(xiàn)代主義風格。 然而，它的形式比Futura更不正式。Montserrat在所有的大寫字母和字母的幾何簡潔上都非常出色。小寫字母的Montserrat仍然是一種漂亮的字體，與Arial或Helvetica相比，它有較大的X高度和更多的字符。

Playfair Display

字體來源： Google字體

字體鏈接： https://fonts.google.com/specimen/Playfair+Display

用例示范：

http://adrien-heury.net/designers-checklists/

http://mondaymusic.es/en

https://www.craftedbygc.com/

https://hoodzpahdesign.com/

推薦：基本上適用所有需要創(chuàng)造信任感的網(wǎng)站。它既可以用于模塊化網(wǎng)站嗎，也適合傳統(tǒng)的站點。

說明：它是一種無襯線字體，有漂亮的曲線和圓角，既適合傳統(tǒng)的網(wǎng)站，也適合現(xiàn)代的網(wǎng)站。這一設計受到了18世紀中期到十八世紀末期的字體的影響，比如Baskerville。它為標題和標題（特別是美麗的斜體）提供了一種優(yōu)秀的字體。然而，對于較大篇幅的復制，這種精致的、高對比度的筆畫可能會妨礙可讀性，尤其是在較小尺寸的頁面中使用時。

Avenir

字體來源：網(wǎng)頁

字體鏈接： https://www.myfonts.com/fonts/linotype/avenir

用例示范： https://playcharms.com/en/

推薦用于： 最適合未來感的設計。例如一個呈現(xiàn)未來主義，并且外觀簡潔的小型產(chǎn)品網(wǎng)站。

說明：Avenir在法語中的意思是“未來“，它是一種用于許多網(wǎng)站的最小和模塊化的無襯線字體， 這給設計帶來了未來主義的外觀。在纖細、印刷和中等粗細的字體中，使用Avenir的粗體和加粗體可以起到強調(diào)的作用。

Bebas Neue：（一個額外的字體）

字體來源：網(wǎng)頁

字體鏈接：https://www.fontsquirrel.com/fonts/bebas-neue

用例示范：

https : //www.craftedbygc.com/

http://www.theqcamera.com/

http://ekpesbookclub.com/

推薦用于：標準而又堅固，又不失時尚的布局感。

說明：它是一個漂亮的濃縮字體，它看起來非常標準，也很時尚。

雖然排版不像動畫或高清圖像那樣華麗，但這些字體仍然是所有設計中不可或缺的一部分。 它們可以被加粗，引起人們對注意的關注，也可以很巧妙地將他們的注意力吸引到屏幕上的其他元素上。無論哪種情況，我們都可以肯定的是，排版可以以一種或多種方式來增強設計。

原文作者：Lollypop Design Studio

原文鏈接：https://medium.muz.li/top-5-fonts-and-its-usage-39fb616f574b