2022 年將在您的 WordPress 網站上使用 50 多種現代字體

創建 WordPress 網站時，您需要使用所有正確的工具來產生有效的影響。 這包括大量現代字體！

但是，您的 WordPress 主題可能沒有您需要選擇的 HTML 字體。 或者，您可能對為您選擇的那些不滿意。

由於這些因素，能夠安裝一些自定義字體是必不可少的。 我們今天將在這裡討論各種字體選項。 但首先，讓我們先把技術問題排除在外。

真正使字體現代的原因是什麼？

現代字體一點也不新鮮。 這種風格最初是在 18 世紀發展起來的。 儘管如此，他們的設計仍然適用於現代世界。 事實上，你幾乎可以在任何地方看到它們。

那麼，現代字體是什麼樣的呢？

現代字體清晰、時尚、大膽、專業和時尚。 它們也通常是無襯線字體（但並非總是如此），有時也屬於草書字體類別。 它們的設計立即與眾不同，並且經常用於標題和徽標中。 他們可以是明顯的公司，但不具有侵略性。 相反，他們很大膽，需要注意。

這是使用現代字體的投資組合網站示例。

注意它是多麼緊湊和狹窄？

當然，這些都是一般性的。 現代排版已經發展，你也經常可以找到更多風格的例子。 但希望這能讓您大致了解什麼是現代字體（以及您可能想要使用一種字體的原因）。

如何將下載的字體上傳到 WordPress

從網上下載的自定義字體需要一些額外的工作才能讓它們運行，因為您不能像谷歌字體這樣的在線服務那樣只導入它們。 相反，您需要手動上傳字體或使用插件來完成這項工作。

但在您進行任何上傳之前，您需要首先確保您的字體可用於網絡。 我們的意思是什麼？ 好吧，並非所有字體都是網絡安全的或直接與所有網絡瀏覽器兼容。

但這並不是什麼大麻煩。 只需使用免費的 Webfont Generator 工具將您在網上找到的任何自定義字體轉換為所有 Web 瀏覽器都可讀和可用的格式。

完成此步驟也將大大加快優化字體的速度。 然而，這還不是全部。 您還應該遵循一些提示，以確保您的自定義字體不會佔用資源或不必要地減慢網站的加載時間：

• 檢查性能。 使用 GTmetrix，監控 HTTP 請求的數量。 如果有很多，這可能意味著您的網站正在使用您甚至意識到的更多字體。 我在這裡談論的是與插件和主題一起自動安裝的字體（不是您手動添加的字體）。
• 檢查您的分析。 在這裡，您可以查看在您的網站上訪問最多的字體容器格式。 最常見的選擇是 EOT、TTF、WOFF 和 WOFF2。 在考慮要支持哪些時，這可以幫助您確定優先考慮哪些。
• 確保字體在本地緩存。 這不像您每隔一天更新一次字體。 這意味著字體可以安全地緩存在常客的瀏覽器中。 隨著時間的推移，這將限制 HTTP 請求的數量。

手動上傳字體需要一些技術技能，但對於大多數網站所有者來說並非遙不可及。

1. 下載您選擇的自定義現代字體（下面有很多示例）。
2. 保存您網站的備份（包括所有內容和數據庫）和/或使用子主題進行以下更改。
3. 將 .zip 中的字體文件上傳到文件夾 wp-content/themes/your-theme-name/fonts。 如果沒有“字體”文件夾，請繼續製作一個，然後將您的 .zip 字體文件上傳到那裡。 使用您選擇的任何 FTP 客戶端來完成此操作。
4. 在 WordPress 儀表板中，導航到外觀 > 主題編輯器並訪問 style.css 文件。 您需要向此文件添加自定義代碼片段。 將適當的字體系列和 URL 添加到代碼片段，然後單擊更新文件。

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

上面的代碼將字體添加到您的網站。 接下來，您需要告訴 WordPress 應該在哪裡使用字體。 為此，再次打開style.css並使用以下代碼片段：

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

在此代碼段中，您需要確定您希望字體應用到站點的哪個方面，並在更新文件之前指定字體名稱。

相反，如果您想跳過所有這些手動上傳的內容，您可以使用插件將字體添加到 WordPress。 一個可靠的選項包括使用任何字體。 顧名思義，您可以使用它將任何自定義字體上傳到您的站點並將其分配給 CSS 元素。

2022 年使用的 56 種最現代的字體

現在您知道如何優化自定義字體並將其上傳到 WordPress，我們現在可以提供一個健康的現代字體列表和可供選擇的選項。

1. 介紹

Intro 是一種標準外觀的現代字體，提供粗體線條和演示文稿，可輕鬆用於標題或標題。 這個字體系列包括 72 種字體，從細到粗有 8 種不同的粗細，為您提供大量的靈活性。

2.科莫達

另一個選擇是科莫達。 這種字體很簡潔，看起來超級有趣。 它全是大寫和無襯線字體，每個字母的中線都被抬高了。 它的連字是一個聲明。 這裡是徽標的完美選擇。

3. 上火

Stoked 是另一個全大寫選項，它為標題和徽標提供了獨特的外觀。 在保持清晰的同時很有趣。 它的定義特徵是在每個字母上包含雙線，以及賦予它一種模版外觀的換行符。

4.優雅的瑪麗莎

還有優雅的瑪麗莎。 這種現代字體優雅流暢，為您的徽標和標題提供更薄、更精緻的字體選項。 它具有非常有趣的連字、替代字形和裝飾，以及為您想要分享的任何文本添加更多字符。

5.慢跑

Canter 是另一個不錯的選擇。 這是一種無襯線字體，具有所有大寫字母並具有緊湊的間距。 它也有六種不同的權重，包括一個 3D 選項和一個帶有突出陰影的選項。

6. 幸運

Lucky 是另一種值得考慮的現代字體。 這是另一種無襯線字體，可以很好地用作徽標或標題。 它還具有明顯的編輯質量，可以很容易地應用於雜誌和在線出版物。

7. 賽菲爾

Zafir 提供了另一種非常值得考慮的現代字體選擇。 它在演示文稿中非常小。 Zafir 是另一個全大寫選項。 這是一種帶有曲線和整體有趣外觀的襯線字體，可以很好地用於徽標和標題。

8. 海灣

或者你可以使用 Coves。 它具有兩種粗細，淺色和粗體，並為您的最新項目提供優雅和流線型的字體選項。 也可以將它用於標准文本以及標題和頁眉。 它確實是多用途的。

9. 阿佐尼克斯

Azonix 提供了另一種現代字體選擇，這一次具有未來主義傾向。 這是一種強調幾何外觀的無襯線字體。 它都是大寫的，看起來很容易被用在科幻電影的開場片頭序列中。

10. 方舟

Arkhip 是另一種免費字體選擇，它保持現代設計，同時回想起過去的時代。 它使用俄羅斯字體的元素來創造現代和真正新的東西。

11. 總理

還有另一種字體需要考慮，稱為 Prime。 這是一種現代的無襯線字體，具有粗體線條和整體的未來主義外觀。 它有幾何角，看起來非常適合未來主義或技術主題的網站。

12. 地球儀

Glober 是另一種你應該看看的現代字體。 這個字體系列包括 18 種粗細，平均分割為 9 種豎線和 9 種斜體。 這是一種 san serif 字體，易於閱讀且易於應用於多種不同情況，包括標題和正文。

13.溫和

MADE Gentle 是另一種值得考慮的現代字體。 它被認為是一種柔和的襯線字體，靈感來自 Cooper Black 字體。 這個大膽而圓潤，讓人想起 1970 年代的舊書封面和標牌。

14. 北歐

北歐既現代又經典，提供兩種字體和三種重量可供選擇。 該設計的靈感來自挪威符文，非常適合用於標題、標題和徽標。

15. 馬達克

Maddac 字體為您的網站提供了時尚的選擇。 它是粗體、塊狀和無襯線字體。 它具有現代設計和獨特的執行力。 每個字母都有一個微小的角度或傾斜於其設計的一個方面，為方程式提供了一點風格。

16.鱷魚

Croc 是不是很酷的字體？ 這是一款大膽的襯線字體，具有標誌性的風格，既懷舊又不失新鮮感。

17. 水族

Aqua 是另一種你應該看看的字體。 這款具有新藝術風格的品質，使其顯得永恆。 它大膽而簡單，具有裝飾和連字，使其從其他類似字體中脫穎而出。

18. 宣言

用宣言做一個大膽的聲明。 這種字體受到意大利理性主義運動的啟發，具有明顯的編輯品質。 將其用於標題、徽標和標題。 將其用於印刷和在線設計。 它以這種方式真正多才多藝。

19. 奧克尼

Orkney 是一種可愛的專業字體。 該字體採用幾何設計，可用於多種用途。 將其用於標題或徽標。 將其用於標准文本。 在印刷或數字媒體中使用它。 天空是這裡的極限。

20. 艾爾帕

Elppa 具有未來主義的外觀，既迷人又多面。 字體非常簡約，同時也捕捉到了太空時代的感覺。 將其用於印刷和網頁設計。 它適用於徽標和標題，可能不適用於正文，但絕對適用於圖形等。

21. 玉米

Corn 是一種有趣的字體，具有圓角和農場風格的感覺。 它包含 14 種不同的樣式，您可以立即開始使用它們來製作標題、標題和徽標。 如果您願意，某些樣式甚至可以用於正文。 你可以用這個建立一個完整的網站設計。

22.科利科

或者你可以選擇 Koliko，這是一種非常有趣的字體，可以立即用於各種用途。 它具有三種款式，每種款式都完美融合了形式和功能。

23. 怪癖

Quirk 實際上是一種看起來很古怪的字體。 它的名字是一個不錯的選擇。 這是一種全大寫字體，包括有趣的連字和可堆疊元素。

24. 法語

Le French 是一種複雜的字體選擇，特別是如果您想複製那種複古的法式咖啡館感覺。 各地菜單和食品相關網站的絕佳選擇。 也可以將它用於標題、標題、徽標和正文。

訂閱時事通訊

想知道我們是如何將流量提高到 1000% 以上的嗎？

加入 20,000 多人的行列，他們會通過 WordPress 內幕技巧獲得我們的每週時事通訊！

現在訂閱

25. 慕尼黑

慕尼黑是一個可愛的無襯線字體選擇，將是徽標或標題圖形的絕佳選擇。 它高高聳立，氣勢磅礴，毫無威脅。

26. 西北

Northwest 是一種現代風格的字體，具有復古的感覺。 它讓人想起競選裝備標誌和戶外雜誌標題。 帶有四四方方的襯線和裝飾元素，這種字體適用於任何類型的戶外主題內容。

27. 摩德卡

Modeka 是四四方方和現代的，老實說只是超級酷。 這是一種現代選擇，可以以多種方式進行調整。 每個字母都增加了角度，它提供了一種獨特的風格，可能正好適合您的下一個項目。

28. 免責聲明

免責聲明是一種窄而粗的字體選擇，非常適合各種用途。 它有一種超級簡潔的風格，使字母高高聳立。 這對於標題或標題非常有用。

29. 第五大道

第五大道非常適合官方標誌和品牌的經典空氣。 這是一種帶有襯線的粗體字體，由於大量增加風格和趣味的替代字母而脫穎而出。

30. 誇基茲

Quakiez 是另一種現代字體選擇，它為我們的列表提供了襯線選項。 它的設計考慮到了奢華，但仍然保持著極簡主義的元素。 它有兩種樣式，可用於徽標、標題、標題等。

31. 現代戶外

或者，您可以選擇 Modern Outdoor 並立即調用露營和戶外活動。 這種字體非常適合標題、標題和徽標，並且會對海報產生真正的影響。 它需要引起注意，並且在所有大寫字母中都非常漂亮，進一步確保了它的戶外感覺。

32. 雙曲線

雙曲線圓潤且充滿未來感。 事實上，它看起來很有空間感——以一種很好的方式。 這種字體具有圓形計數器，同時保持整體四四方方的形狀。

33. 拳擊

Boxing 字體四四方方且乾淨，非常適合標題、標題和徽標。 都是大寫的，高大的，看起來很有趣。 最重要的是，它非常實用，可以通過無數種方式重新利用。

34. 松德

Sonder 確實是另一種多面字體。 它帶有平板和無襯線字體選項。 它具有多種重量以及常規和粗糙的風格。 粗獷的風格在字母中有一些空隙，營造出質樸自然的外觀。

35. 龍目島

Lombok 是一種非常優雅的細字體。 這是一個帶有幾何元素的無襯線選項，使其脫穎而出並顯得非常獨特。 它是標題、徽標和標題的理想選擇。

36. 分佈

Distrito 是一種具有獨特風格的全大寫字體。 每個字母都略微傾斜，提供獨特的外觀，可以很好地翻譯用於徽標和標題。 它也是受哥倫比亞模塊化設計啟發的全大寫字體。

37. 副翼

副翼看起來像外星人標牌上出現的字體。 它很好地實現了這種美學。 它是無襯線字體和所有大寫字母，無論您將它放在哪裡都會產生影響，儘管標題和標題最適合它。

38. 民族

Ethna 外觀經典，但風格現代。 這是一個受人文主義設計啟發的無襯線字體系列，很好地將復古和現代設計元素結合起來，創造出新的東西。 這個適用於任何用例。

39. 諾艾爾

Noelle 是一種幾何襯線字體，準備給人留下積極的第一印象。 它的設計極簡，適用於任何行業的標題和標題。 它有一些復古元素，但看起來仍然很新鮮。 在線或打印使用它。 此外，它還附帶一個腳本字體作為獎勵。

40. 續集

Sequel 是一種圓形字體，非常適合徽標和標題。 最重要的是，它帶有大量連字，可為您使用它們創建的任何內容提供風格並增加興趣。 這裡的設計大膽但不氣勢。

41. 更高

Higher 是另一種複雜的字體選擇，提供經典的外觀。 這種全大寫字體非常簡潔且要求很高，可為您使用的任何內容提供即時風格。

42.納米

Nano 是一種非襯線字體，具有未來派的外觀並且全部為小寫，使其成為此列表中的獨特選項。 字母本身非常現代且可識別，使其成為徽標和其他品牌材料的絕佳選擇。 但是，最好使用短句，因為較長的句子可能有點難以辨認。

43.喬林

Jollin 是一種現代字體，在一些字母上帶有捲曲提示和全方位的厚實外觀。 這種無襯線字體有常規和斜體兩種版本，包括各種替代字母，因此您可以根據自己的心情使文本看起來更簡單或更漂亮。

44.現象

Phenomena 是一種帶有圓形邊緣的窄而塊狀的字體。 它是一個聲明，可以很容易地用於標題、徽標或標題。 它有 7 種不同的樣式，從細到粗，也提供了大量的標准文本使用機會。

45.口徑

Calibre 是一種超級簡潔的字體，如果你願意的話，它可以凌駕於你的內容之上——這是一種很好的方式。 它是一個全大寫選項，還包括數字、字形和西方字符，以方便衡量。

46. 星期日

Sundays 是一種絕對屬於當今時代的襯線字體，但也具有不可否認的經典感覺。 它比經典的類似字體更薄、更彎曲，並且具有適合雜誌標題和標題、網站徽標、標題等的樣式。

47. 基石

Cornerstone 是另一種塊狀字體，它提供模塊化設計，可以在從徽標到標題的許多不同應用程序中工作。

48. 一日

One Day 是一種細字體，帶有有趣的斷開線條，使其獨一無二。 這是另一種全大寫字體，風格輕薄。 它包括數字和字形，感覺幾何而不是太四四方方。

49. Kollektif

Kollektif 是一種經典的現代字體，可以以多種方式使用。 它採用幾何設計，有兩種重量。 它還針對打印和網絡使用進行了優化。

50. 懷舊之情

然後是 Nostalgia，這是一種現代字體，具有足夠的複古魅力，讓人感覺好像它是幾十年前創造的。 它包括 3 種字體以及替代字形、連字和花朵。 它將是徽標、標題、海報或邀請函的絕佳選擇。

51.艾麗西亞

Elixia 有著與煉金術士的巢穴相稱的空靈外觀。 它是幾何圖形，每個字母上都有額外的線角，提供獨特的風格。

52. 三文魚

或者你可以選擇鮭魚。 這種無襯線字體粗體且極簡。 它是標題、徽標和頁眉的理想選擇。 這是一個全大寫設計，包括一個填充和輪廓的版本，也可以很好地搭配在一起。

53.蒂努

Thinoo 是另一種無襯線字體。 它具有細而粗的樣式，包括所有字母樣式，包括數字、符號和標點符號。 它既專業又乾淨。 簡單卻奪人眼球。 這適用於任何類型的網站以及印刷材料。

54. 夏天的愛

或者您可以使用 Summer Love，這是一種超級有趣的現代字體，包含多種字體樣式，因此您可以僅使用一種字體創建整個設計。 它帶有 sans 字體和畫筆細節，可以立即為您的項目添加尺寸。 它還包括連字和替代字母。

55. Silverfake

Silverfake 為標題、徽標、頁眉和印刷材料提供了寬間距的襯線字體選項。 例如，這個作為 T 卹標誌看起來很棒。

56. 維也納

最後是維也納。 這種現代字體是一種襯線選項，具有雜誌封面上使用的經典字體的所有吸引力，並經過足夠的修改以吸引當今的美學。 它是最小的，包括全大寫字母、數字和標點符號。

概括

您可能希望在 WordPress 網站上使用自定義字體的原因有很多。 無論您是想更好地適應您的品牌，還是讓您的內容在所有瀏覽器中更具可讀性，上傳您自己的現代風格字體都是值得的。

即便如此，這個過程起初似乎令人生畏。 您必須找到一種字體，下載它，將其放入 .zip 文件中，然後使用 FTP 客戶端將其上傳到您網站上的正確目錄。 您需要將代碼片段粘貼到主題 CSS 文件的適當區域。 您可以選擇手動或通過使用插件（或者您可以聘請開發人員）來執行此操作。

但是，無論您如何處理此過程，您都可以放心，最終結果將是時尚的，並為您的網站的整體外觀增添特色。 希望我們在這裡策劃的這一系列現代字體將幫助您找到適合您的 WordPress 網站的字體。 無論是粗體還是細體，圓潤還是粗獷，點綴還是素色，您選擇的字體都會產生影響！

（推薦閱讀：如何在 WordPress 中隱藏頁面和帖子標題）