2018 年最佳免費網絡字體

已發表: 2018-10-26

您為 WordPress 網站選擇的字體在整體設計中起著重要作用。 無論如何,這不是事後的想法。 如果您需要查看證據,只需將所有標題更改為 Comic Sans 即可! 好吧,這有點激烈。 但是,對於排版,即使是最小的更改也會產生重大影響。 感謝網絡(尤其是谷歌),有大量免費的網絡字體可以幫助您選擇最好的字體。 因此,如果您正在尋找一些靈感或對當前網站進行字體升級,我強烈建議您瀏覽下面的列表,探索設計界必須提供的一些最佳網絡字體。

2018 年最佳免費網絡字體

訂閱我們的 YouTube 頻道

以下是 2018 年可用的 40 種最佳網絡字體(而且它們是免費的!)

1.機器人

best-web-fonts-1

Roboto 是幾何形狀和友好曲線之間的結合。 它創造了一種自然的閱讀節奏,適用於標題、標題或體型。 精簡版 Roboto Condensed 也非常受歡迎。

獲取字體

2. 遊樂場展示

best-web-fonts-2

Playfair 受到 18 世紀後期書寫/印刷技術轉型的影響; 當羽毛筆被尖頭鋼筆取代時。 它還受到字體設計師 John Baskerville 和 William Martin 為“Boydell Shakspeare”設計的字體的影響。 它非常適合標題和標題。

獲取字體

3.打開Sans

best-web-fonts-3

設計為良好的中性字體 Open Sans 非常友好和可讀。 適用於標題、標題或正文。

獲取字體

4. 蒙特塞拉特

best-web-fonts-4

這種字體最初是由 Julieta Ulanovsky 創建的。 她的字體設計靈感來自她在布宜諾斯艾利斯附近的蒙特塞拉特看到的所有漂亮的標誌和海報。 在所有大寫字母的短標題上看起來很棒。

獲取字體

5. 梅里韋瑟

best-web-fonts-5

這種襯線字體非常適合在所有類型的屏幕上閱讀正文,因為它是為 Web 構建的。 它也適用於標題。

獲取字體

6. 拉托

best-web-fonts-6

Lato 專為企業使用而設計。 它具有專業的外觀,適用於各種尺寸。 它的半圓形細節也賦予它一種吸引大眾的溫暖。

獲取字體

7. Bebas Neue

best-web-fonts-7

這種無襯線“全大寫”字體非常流行,被認為是最好的免費網絡字體之一,這是有充分理由的。 它為您的網站標題創建了令人驚嘆的外觀!

獲取字體

8. 諾托三世

best-web-fonts-8

Noto Sans 的獨特之處在於它的創建是為了在多種語言中看起來都很棒。 由於字母之間的水平間距,它在正文和包含大量內容的頁面上看起來很棒。

獲取字體

9. Source Sans Pro

best-web-fonts-9

Source Sans Pro 的設計主要考慮了用戶界面。 這將是一個很棒的菜單字體,但也可以用於其他內容,例如正文。

獲取字體

10. 奧斯瓦爾德

best-web-fonts-10

這種無襯線字體是一種很棒的網絡字體,因為它的形成是為了適應數字屏幕的像素網格。 它是一種窄字體,不會佔用大量空間,因此非常適合包含大量文本的大標題。

獲取字體

11. PT Sans

best-web-fonts-11

PT Sans 是名為“俄羅斯聯邦的公共類型”項目的一部分,旨在使多種語言的文本顯示統一(類似於 Noto Sans)。 這種字體有多種用途。

獲取字體

12. 魔方

best-web-fonts-12

rubik 字體是由 Philipp Hubert 和 Sebastian Fischer 設計的,旨在創建一種帶有略微圓角的無襯線字體,其中字母完美地嵌入魔方的正方形內。 該字體適用於標題和正文。

獲取字體

13. Nunito Sans

best-web-fonts-13

這種無襯線字體是 Nunito 的非圓形版本。 它是一種流行的用戶界面字體,非常適合儀表板、餐廳菜單和價目表等內容。

獲取字體

14. Fira Sans

best-web-fonts-14

這種流行的網絡字體最初是為 Mozilla FirefoxOS 設計的,以便在所有屏幕尺寸上清晰易讀。 將其用作具有多種用途的現代類型。

獲取字體

15. 無工作

best-web-fonts-15

這種無襯線字體被設計為簡化的網絡字體,在所有屏幕上看起來都很棒。 為大而寬敞的標題顯示使用較重的權重,為易於閱讀的正文使用常規權重。

獲取字體

16. 爆米花

best-web-fonts-16

Poppins 是一種基於梵文設計的現代幾何無襯線字體,突出了這種漂亮字體的幾何圓形。 隨意將此字體用於標題和正文文本,以獲得非常賞心悅目的設計。

如果您沒有註意到,它也是我們博客上使用的字體。

獲取字體

17. Josefin Sans

best-web-fonts-17

這種字體是 Josefin Slab 的姊妹字體(也是一種很棒的字體)。 它的設計在幾何上優雅,並增添了復古感。 對於較大的標題使用負字母間距,您可以保留它為您的正文提供的漂亮的默認字母間距。

獲取字體

18. Ubuntu

best-web-fonts-18
Ubuntu 是一種為網絡設計的無襯線字體,旨在成為一種通用字體。 適用於標題、標題、按鈕和正文。

獲取字體

19. PT 襯線

best-web-fonts-19

PT Serif 是 PT Sans 系列的新成員,因此兩者作為字體配對可以很好地協同工作。 這是一種和諧的類型,幾乎適用於任何事物。

獲取字體

20.木里

best-web-fonts-20

這種無襯線字體非常適合具有極簡設計的網站。 它最適用於大標題,但也適用於正文。

獲取字體

21. 阿爾沃

best-web-fonts-21

Arvo 是一種幾何襯線字體,旨在成為適合多種用途的“混合”字體。 它可用於標題、標題和正文。

獲取字體

22. 氧氣

best-web-fonts-22

這種 sans serif 字體是由 Vernon Adams 在考慮用戶界面的情況下創建的。 它旨在清晰易讀,因此在所有屏幕尺寸上看起來都很棒。 將其用於正文、菜單項和按鈕!

獲取字體

23. 羅威

best-web-fonts-23

Raleway 是一種優雅而纖細的 san serif 字體,可能最適合用於標題、副標題和標題。

獲取字體

24. 諾托襯線

best-web-fonts-24

與 Noto Sans 一樣,Noto Serif 旨在以多種語言在網絡上看起來很棒,並且是一種出色的多用途字體,在所有屏幕上看起來都很漂亮。 將它與 Noto Sans 一起用作完美的字體配對。

獲取字體

25. 努尼托

best-web-fonts-25

Nunito 是一種略圓潤的無襯線字體,非常適合大型顯示排版。 它是一種流行的用戶界面字體。 對大標題使用常規權重看起來非常好。

努尼托

26.檔案

best-web-fonts-26

Archivo 是一種怪誕的(較舊的)無襯線字體,具有很好的技術感覺。 它作為標題字體在網絡上看起來特別好。

獲取字體

27. Abril Fatface

best-web-fonts-27

顧名思義,Abril Fatface 是一種“更大”的類型。 它旨在改造經典的 Didone 風格。 特別是19世紀的英法廣告海報。 這種字體非常優雅,可能最適合標題和標題。

獲取字體

28. 外 2

best-web-fonts-28

Exo 2 是 Natanael Gama 設計的 Exo 的新版本。 這種現代字體具有技術和未來感。 與 Exo 不同,Exo 2 也適用於正文。

獲取字體

29. 巴洛

best-web-fonts-29

Barlow 的靈感來自加利福尼亞的公眾(車牌、標誌、公共汽車等)。 該設計略微圓潤,並具有濃縮版本,可在不佔用大量空間的情況下製作出色的標題。

獲取字體

30. Slabo 27px

best-web-fonts-30

Slabo 27px 是一種獨特的字體(與其姊妹字體 Slabo 13px 一樣)專門針對以名稱中的像素大小查看進行了優化。 這使其成為一種出色的網絡字體,可用於清晰、略微濃縮且易於閱讀的標題。

獲取字體

31. 阿萊奧

best-web-fonts-31

Aleo 是一種平板襯線字體,類似於流行的 Lato 字體。 它採用時尚和半圓形的細節設計,使其成為標題和正文的不錯選擇。

獲取字體

32.流沙

best-web-fonts-32

這是一種顯示無襯線字體,仍然是網絡上的流行選擇。 它具有幾何設計,非常適合標題。

獲取字體

33. 庫珀休伊特

best-web-fonts-33

這種現代無襯線字體設計有獨特的幾何拱形,與其濃縮顯示效果很好。 這種字體作為標題在所有大寫字母中看起來都很棒,但也可用於常規正文文本。

獲取字體

34. Ostrich Sans

best-web-fonts-34

Ostrich Sans 是一種現代無襯線字體,非常適合標題、徽標和標題。

獲取字體

35. IBM Plex Sans

best-web-fonts-35

這種現代字體專為反映 IBM 品牌精神而設計。 它具有中立和友好的吸引力,可在您的網站上用於多種用途。

獲取此字體

36. 鸕鶿

best-web-fonts-36

這種獨特的字體是由 Christian Thalmann 從頭設計(大部分是繪製)的。 要突出字體的複雜性,請在您的網站上使用此字體以顯示標題等更大的顯示。

獲取字體

37. Alegreya Sans

best-web-fonts-37

這種 sans serif 字體最初是為文學作品設計的,因此它作為正文的效果非常好,因為它始終保持和諧的段落間距。

獲取字體

38. 自由富蘭克林

best-web-fonts-38

這種無襯線字體是經典字體 Franklin Gothic 的現代版本。 將其用於標題或正文。 如果用作標題文本並與 Libre Baskerville 作為正文文本搭配使用,效果非常好。

獲取此字體

39. 自由巴斯克維爾

best-web-fonts-39

這種漂亮的網絡字體是一種高質量的字體,似乎非常適合獨特且可讀的正文。 如果與 Libre Franklin 搭配使用,效果會很好。

獲取此字體

40. 斯巴達聯盟

best-web-fonts-40

League Spartan 是一種單重(粗體)無襯線字體,非常適合創建強大而漂亮的標題和標題。

獲取字體

腳本字體呢?

如果您發現列表中缺少腳本(或手寫)字體,那麼您沒有錯。 但這並不意味著沒有一些很棒的免費軟件(Mali、Indie Flower、Pacifico 和 Dancing Script 等等)。 您還可以查看這個漂亮的免費和高級腳本字體列表。

一些關於字體配對的快速提示

當希望更新網站的排版時,最好考慮不同字體如何協同工作。

以下是一些幫助您入門的提示:

  • 保持簡單——不要一次使用太多字體。
  • 保持可讀性。
  • 反著想。 例如,將襯線與無襯線或粗體與細線配對。
  • 或者,把它留在家裡。 在同一個系列中使用不同的字體粗細和样式。
  • 嘗試匹配您的內容的情緒。
  • 試驗並保持有效的方法。

(對於 Google 字體,您還可以使用他們的免費配對工具)

有關字體配對的更多信息,請查看我們關於 7 個關鍵原則的完整文章。

最後的想法

我希望這個字體列表將有助於為您的下一個項目找到完美的字體。 請記住,其中許多字體將具有不同的粗細和样式,您可以調整它們以創建無數設計。 所以盡情探索吧!

乾杯!