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

創建WordPress網站時,您需要具備所有合適的工具才能產生有效的影響。其中包括許多現代字體!

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

由於這些因素,必須安裝一些自定義字體。今天我們將在這裡討論各種字體選項。但是首先,讓我們擺脫技術上的麻煩。

真正使字體現代的是什麼?

現代字體一點也不陌生。該風格最初是在18世紀開發的。儘管如此,它們的設計在現代世界中仍然具有重要意義。實際上,您到處都可以看到它們。

那麼,現代字體是什麼樣的呢?

現代字體清晰,時尚,大膽,專業且時尚。它們也經常是無襯線字體(但並非總是如此)。它們的設計立即與眾不同,並且經常用在標題和徽標中。他們可以明顯是公司,但不能侵略。相反,它們大膽,需要引起注意。

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

請注意它是如何壓縮和縮小的?

克里斯·威爾希特

chriswilhitedesign.com

當然,這些是普遍性。現代印刷術已經發展,您經常也可以找到更多的文體示例。但是希望,這可以使您大致了解什麼是現代字體(以及為什麼要使用一種字體)。

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

但是在進行任何上載之前,您需要首先確保您的字體可用於網路。那是什麼意思?好吧,並非所有字體都是網路安全的,或與所有開箱即用的網路瀏覽器兼容。

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

現代字體

將所有字體轉換為網路安全字體

完成此步驟也將大大有助於加快字體的優化速度。但是,這還不是全部。您還應該遵循一些提示,以確保自定義字體不會不必要地消耗資源或不必要地減慢網站的載入時間:

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

手動上載字體需要一些技術技能,但對於大多數網站所有者而言,這並非遙不可及。

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

@ font-face {
font-family:您的字體名稱;
src:url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf);
font-weight:正常;
}

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

.SITE ELEMENT {
字體家族:「字體名稱」,Helvetica,無襯線;
}

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

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

2020年使用的57種最現代字體

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

1.簡介

現代字體:簡介

介紹

Intro是一種外觀標準的現代字體,提供粗體線條和表示形式,可以輕鬆地用於標題或標題。該字體家族包括72種字體,從細到粗都有8種不同的粗細,從而為您提供了極大的靈活性。

2.五斗櫃

現代字體:科莫達

五斗櫃

另一個選擇是科莫達。這種字體濃縮,看起來超級有趣。所有字母都是大寫字母,無襯線字體,每個字母的中線都抬高。其連字說明。這裡是徽標的完美選擇。

3.炒

現代字體:

ok

Stoked是另一個全大寫的選擇,它為標題和徽標提供了獨特的外觀。同時保持清晰有趣。它的主要特徵是在每個字母上都包含雙行,以及換行符使它看起來像是模版外觀。

4.優雅的瑪麗莎

優雅的瑪麗莎

瑪麗莎

還有Classy Marisa。這種現代字體優雅流暢,為徽標和標題提供了更細,更精緻的字體選項。它具有真正有趣的連字,替代字形和裝飾,可為您要共享的任何文本增加更多的個性。

5.慢跑

慢跑

慢跑

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

6.幸運

幸運

幸運

幸運是另一種值得考慮的現代字體。這是另一個無襯線選項,可以很好地用作徽標或標頭。它還具有明顯的編輯質量,可以輕鬆地應用於雜誌和在線出版物。

7.扎菲爾

現代字體:zafir

扎菲爾

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

8.海灣

海灣

或者您可以使用Coves。它帶有兩個粗體,即淺色和粗體,並為您的最新項目提供了優雅,流線型的字體選項。也可將其用於標準文本以及標題和標題。這確實是多用途的。

9. Azonix

阿佐尼克斯

阿佐尼

Azonix提供了另一種現代字體選擇,這次具有未來派風格。這是一種強調幾何外觀的無襯線字體。所有這些都是上限,很容易看起來像可以在科幻電影的開片時間序列中使用。

10.方舟

hip

方舟

Arkhip是另一種免費字體選擇,可在保持現代風格的同時回溯過去的時代。它使用俄羅斯的版式元素來創造一些現代而真正的新東西。

11.長崎

現代字體:長崎

長崎

您可能還需要考慮長崎。這種超粗體,粗大和壓縮的字體讓人眼前一亮,讓人回想起1950年代至1960年代的版式。它是社論,非常適合徽標和大膽的聲明標題。

12.素數

現代字體:質數

主要

還可以考慮使用另一種稱為Prime的字體。這是一種現代的sans serif字體,具有粗體線條,具有整體的未來派外觀。它具有幾何角,看起來非常適合未來派或技術主題的網站。

13. Glober

地球儀

地球儀

Glober是您應該看看的另一種現代字體。該字體家族包括18個粗細,平均分為9個立柱和9個斜體。這是一種San Serif字體,易於閱讀,可以輕鬆應用於多種不同的情況,包括標題和正文。

使用WordPress,我們的流量增長了1,187%。
我們將向您展示如何。

加入20,000多個其他人,他們每周都會收到有關WordPress內部技巧的新聞!

現在訂閱

成功!感謝您的訂閱

您將在一周內收到下一期的Kinsta新聞通訊。

訂閱Kinsta新聞通訊

訂閱

我同意條款和條件以及隱私政策

14.溫柔的

變得溫柔

柔和的

MADE Gentle是另一個值得考慮的現代字體。它被認為是軟襯線,並受Cooper Black字體的啟發。這是一個大膽但圓潤的外觀,看起來讓人聯想起1970年代的舊書封面和標牌。

15.北歐

北歐的

北歐風

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

16. Maddac

現代字體:maddac

Maddac

Maddac字體為您的網站提供了一種時尚的選擇。它大膽,塊狀且無襯線。它設計新穎,執行力獨特。每個字母相對於其設計的一個角度都略有傾斜或傾斜,為方程式提供了一些樣式。

17.鱷魚

鱷魚

鱷魚

Croc這樣的字體不是很酷嗎?這是一種大膽的襯線字體,具有標誌性的風格,既懷舊又保持新鮮感。

18.水色

現代字體:淺綠色

水色

Aqua是您應該看看的另一種字體。這是一種具有新藝術風格的品質,使其顯得永恆。它大膽而簡單,並具有點綴和連字,使其在其他類似字體中脫穎而出。

19.宣言

宣言

宣言

用宣言大膽地聲明。該字體的靈感來自義大利理性主義運動,並具有絕對的編輯質量。將其用於標題,徽標和標題。使用它進行印刷和在線設計。通過這種方式,它確實是多功能的。

20.奧克尼

奧克尼

奧克尼

Orkney是一種可愛的專業外觀字體。字體設計為幾何形狀,可用於多種用途。用於標題或徽標。用於標準文本。在印刷或數字媒體中使用它。天空是這裡的極限。

21.呼吸

呼吸

呼吸

埃爾帕(Elppa)具有迷人和多面的未來主義外觀。字體非常小巧,同時還可以捕捉到太空時代的感覺。使用它進行印刷和網頁設計。它適用於徽標和標題,可能不是正文,但對於圖形等絕對有用。

22.玉米

玉米

玉米

玉米是一種有趣的字體,具有圓角和農場風格的感覺。它包含14種不同的樣式,您可以立即將它們用於標題,標題和徽標。如果需要,某些樣式甚至可以用於正文。您可以使用此網站構建整個網站設計。

23.多少

多少

多少

或者,您可以選擇Koliko,這是一種非常有趣的字體,可立即用於多種用途。它具有三種樣式,每種樣式都完美地結合了形式和功能。

24.古怪

現代字體:古怪

怪癖

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

25. Le French

le french

Le French

Le French是一種精緻的字體選擇,特別是如果您希望複製那種老式的法式咖啡館感覺。菜單和食品相關網站的絕佳選擇。也可以將其用於標題,標題,徽標和正文。

26.慕尼黑

慕尼黑

慕尼黑

慕尼黑是一個不錯的sans serif字體選擇,它是徽標或標題圖形的絕佳選擇。它高高聳立,沒有威脅。

27.西北

西北

西北

Northwest是具有復古感的現代風格字體。它讓人聯想到運動裝備的徽標和戶外雜誌的標題。帶有寬大的襯線和裝飾元素,此字體可以很好地適用於任何戶外主題內容。

28.摩德卡

摩德卡

摩德卡

摩德卡(Modeka)具有方形感和現代感,說實話超級酷。這是一個現代選擇,可以通過多種方式進行使用。通過在每個字母上增加角度,它提供了可能恰好適合您的下一個項目的獨特樣式。

29.免責聲明

免責聲明

免責聲明

免責聲明是一種狹窄且粗體的字體選擇,非常適合多種用途。它具有超濃縮的風格,使字母顯得高大氣勢。這對於標題或標題非常有用。

30.第五大道

第五大道

第五大道

第5大街充滿古典氣息,非常適合官方徽標和品牌。這是一種帶有襯線的粗體字體,這要歸功於大量其他替代字母,它們增加了樣式和趣味性。

31. Quakiez

現代字體:quakiez

Quakiez

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

32.現代戶外

現代戶外

現代戶外

或者,您可以選擇「現代戶外」,然後立即進行露營和戶外活動。這種字體非常適合標題,標題和徽標,並且可以在海報上產生真實的影響。它需要引起注意,所有帽子都漂亮地坐著,進一步確保了其戶外感覺。

33.雙曲線

現代字體:雙曲線

Hyperbola is rounded and futuristic. In fact, it looks positively spacey — in a good way. This font has rounded counters while maintaining an overall boxy shape.

34. Boxing

boxing

Boxing

The Boxing font is boxy and clean, perfect for headers, titles, and logos. It』s all caps, tall, and interesting to look. Best of all, it』s extremely functional and can be repurposed in an innumerable number of ways.

35. Sonder

沒有

Sonder

Sonder is another multifaceted font, truly. It comes with a slab and sans serif font option. It comes with multiple weights as well as a regular and rough style. The rough style features some gaps in the letters, creating a rustic and natural look.

36. Lombok

龍目島

Lombok

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

厭倦了主機緩慢?Kinsta的構建考慮了速度和性能。查看我們的計劃

37.區

區

Distrito是一種全大寫字體,具有獨特的樣式。每個字母都略微傾斜,提供獨特的外觀,可以很好地轉換以用於徽標和標頭。這也是一種全大寫字體,靈感來自哥倫比亞模塊化設計。

38.副翼

鰭片

副翼

副翼看起來像外星人標牌上顯示的字體。它很好地實現了這種美學。它是無襯線字體和所有大寫字母,無論放在何處都可以產生影響,儘管標題和標頭最適合。

39.埃斯納

現代字體:ethna

埃斯納

Ethna具有經典外觀,但具有現代風格。這是一個無襯線字體字體家族,受到人本主義設計的啟發,並且很好地結合了復古和現代設計元素,創造出了新穎的作品。這在任何用例中都適用。

40.諾埃爾

諾埃爾

諾埃爾

Noelle是一種幾何襯線字體,有望給人留下良好的第一印象。它的設計極簡,非常適合任何行業的標題和標題。它具有一些復古元素,但看起來仍然很新鮮。在線或列印使用。另外,它附帶腳本字體作為獎勵。

41.續集

續集

續集

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

42.更高

更高

較高的字體是另一個精緻的字體選擇,具有經典的外觀。這全大寫字體是超級壓縮和苛刻的,可為您使用的任何字體提供即時樣式。

43.納米

納米

奈米

Nano是一種非襯線字體,具有未來派外觀,並且全部為小寫字母,使其成為此列表中的唯一選項。字母本身具有超現代感和可識別性,是徽標和其他品牌材料的理想選擇。最好是簡短的短語,因為較長的句子可能有點難以理解。

44.喬林

我是

喬林

Jollin是一種現代字體,在某些字母上帶有捲曲提示,並具有全面的矮胖外觀。該sans serif字體有常規和斜體版本,並包含各種替代字母,因此您可以根據自己的心情使文本看起來更簡單或更漂亮。

45.現象

現象

現象

現象是一種狹窄且塊狀的字體,帶有圓角的邊緣。它可以聲明,可以輕鬆地用於標題,徽標或標題。它具有7種不同的樣式,從稀薄到粗體,還提供了許多標準的文本使用機會。

46.量規

口徑

口徑

Calibre是一種超級壓縮字體,如果您允許的話,它可以高聳於您的內容上-很好。這是一個全大寫的選項,其中還包括數字,字形和西方字元,以便很好地進行度量。

47.周日

周日

周日

Sundays是一種襯線字體,無疑是當今時代,但它具有經典的感覺,這是不可否認的。它比經典的類似字體更細,更彎曲,並且具有適合雜誌標題和標題,網站徽標,標題等的樣式。

48.基石

基石

基石

Cornerstone是另一種塊狀字體,提供了模塊化設計,可以在從徽標到標頭的許多不同應用程序中使用。

49.一天

一天

一天

一天是一種細字體,帶有有趣的斷開線,使它獨特。它是又輕又薄的全大寫字體。它包含數字和字形,並且感覺到幾何形狀而不會過於四四方方。

50.集體

集體

集體

Kollektif是一種經典的現代字體,可以廣泛使用。它是幾何形狀的設計,有兩個重量。它還針對列印和網路使用進行了優化。

51.懷舊

現代字體:懷舊

懷舊

然後是Nostalgia,它是一種現代字體,具有足夠的復古魅力,使其看起來好像是幾十年前創建的。它包括3種字體以及其他字形,連字和花。這將是徽標,標題,海報或邀請的絕佳選擇。

52. lix

eli

lix

Elixia的氣質酷似鍊金術士的巢穴。它是幾何形狀,每個字母上都包含額外的線角,可提供獨特的樣式。

53.三文魚

三文魚

三文魚

或者您可以選擇鮭魚。該無襯線字體是粗體和最小的。非常適合標題,徽標和標題。它是全大寫設計,並且包含填充和輪廓版本,它們也可以很好地配對。

54. Thinoo

oo

oo

Thinoo是另一種San Serif字體。它具有輕薄而大膽的樣式,並包括所有字母樣式,包括數字,符號和標點符號。這是專業和乾淨的。簡單卻引人注目。這對於任何類型的網站以及印刷材料都適用。

55.夏天的愛

夏天喜歡

夏天的愛

或者,您可以使用Summer Loving,這是一種非常有趣的現代字體,其中包括多種字體樣式,因此您可以僅使用一種字體來創建整個設計。它帶有sans字體和畫筆細節,可立即為您的項目增加尺寸。它也包括連字和替代字母。

56.銀假

銀假

銀假

Silverfake為標題,徽標,標頭和印刷材料提供了一種廣泛使用的襯線字體選項。例如,這件衣服看起來像T恤徽標。

57.維也納

維也納

維也納

最後是維也納。這種現代字體是襯線選項,具有雜誌封面上使用的經典字體的所有吸引力,並進行了充分的修改以吸引當今的審美。它是最小的,包括全大寫字母,數字和標點符號。

如果現代字體正是WordPress網站所需的?,您將需要查看本指南中的50多個新鮮選項。單擊以發布
摘要 

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

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

但是,無論您如何處理此過程,都可以放心,最終結果將是時尚的,並為網站的整體外觀增添特色。希望我們在這裡精心挑選的57種現代字體的集合將幫助您找到適合您的WordPress網站的字體。無論是粗體,細體,圓形或粗糙,點綴還是普通字體,您選擇的字體都會產生影響!

如果您喜歡這篇文章,那麼您會喜歡Kinsta的WordPress託管平台。加速您的網站並獲得我們經驗豐富的WordPress團隊的24/7支持。我們基於Google Cloud的基礎架構專註於自動擴展,性能和安全性。讓我們向您展示Kinsta的與眾不同!查看我們的計劃

相關文章