建立WordPress網站時,您需要準備好所有合適的工具才能產生有效的影響。這包括大量現代字型!
但是,您的WordPress主題可能沒有您需要選擇的HTML字型。或者,您可能對為您選擇的那些不滿意。
由於這些因素,能夠安裝一些自定義字型是必不可少的。我們今天將在這裡討論各種字型選項。但首先,讓我們把技術性的東西放在一邊。
什麼真正使字型現代?
現代字型一點也不新鮮。這種風格最初是在18世紀發展起來的。儘管如此,他們的設計在現代世界中仍然具有相關性。事實上,你可以在任何地方看到它們。
那麼,現代字型是什麼樣子的呢?
現代字型清晰、時尚、大膽、專業和時尚。它們也通常是無襯線字型(但並非總是如此),有時也屬於草書字型類別。它們的設計立即與眾不同,並且經常用於標題和徽標中。他們可以明顯地具有企業精神,但不會咄咄逼人。相反,他們很大膽,需要關注。
這是使用現代字型的作品集網站的示例。
注意到它是多麼的緊湊和狹窄嗎?
chriswilhitedesign.com
當然,這些都是一般性的。現代排版已經發展,您通常也可以找到更多風格的例子。但希望這能讓您大致瞭解什麼是現代字型(以及您可能想要使用的原因)。
如何將下載的字型上傳到WordPress
從網路下載的自定義字型需要一些額外的工作才能執行,因為您不能像Google Fonts這樣的線上服務一樣匯入它們。相反,您需要手動上傳字型或使用外掛來完成這項工作。
但是在您進行任何上傳之前,您需要首先確保您的字型可以在網路上使用。我們的意思是什麼?好吧,並非所有字型都是對於Web來說都是安全的,或者與所有開箱即用的網路瀏覽器相容。
但這並不是什麼大麻煩。只需使用免費的Webfont Generator工具將您在網上找到的任何自定義字型轉換為所有網路瀏覽器都可讀和可用的格式。
將任何字型轉換為Web安全字型
完成這一步也將大大有助於加速優化您的字型。然而,這還不是全部。您還應該遵循一些提示,以確保您的自定義字型不會消耗資源或不必要地減慢網站的載入時間:
- 檢查效能。使用GTmetrix,監控HTTP請求的數量。如果有很多,則可能意味著您的網站使用的字型比您意識到的要多得多。我在這裡談論的是與外掛和主題一起自動安裝的字型(不是您手動新增的字型)。
- 檢查您的分析。在這裡,您可以檢視您網站上訪問次數最多的字型容器格式。最常見的選擇是EOT、TTF、WOFF和WOFF2。在考慮支援哪些時,這可以幫助您確定優先考慮哪些。
- 確保字型在本地快取。這不像你每隔一天更新一次字型。這意味著字型可以安全地快取在常客的瀏覽器中。這將隨著時間的推移限制HTTP請求的數量。
手動上傳字型需要一些技術技能,但對於大多數網站所有者來說並非遙不可及。
- 下載您選擇的自定義現代字型(下面有很多示例)。
- 儲存您網站的備份(包括所有內容和資料庫)和/或使用子主題進行以下更改。
- 將.zip格式的字型檔案上傳到資料夾wp-content/themes/your-theme-name/fonts。如果沒有“fonts”資料夾,可新建一個,然後將您的.zip字型檔案上傳到那裡。使用您選擇的任何FTP客戶端來完成此操作。
- 在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。一個可靠的選項包括Use Any Font。顧名思義,您可以使用它將任何自定義字型上傳到您的站點並將其分配給CSS元素。
2022年最流行的56種現代字型
既然您知道如何優化自定義字型並將其上傳到WordPress,我們現在可以提供一個健康的現代字型列表和可供選擇的選項。
1. Intro
Intro
Intro是一種標準外觀的現代字型,提供粗體線條和簡報,可輕鬆用於標題或標題。該字型系列包括72種字型,從細到粗有8種不同的粗細,為您提供了大量的靈活性。
2.Komoda
Komoda
另一個選擇是Komoda。這種字型很簡潔,看起來非常有趣。它全部是大寫字母和無襯線字型,具有塊狀外觀,其中每個字母的中線都很高。它的連字表明瞭這一點。這裡是徽標的完美選擇。
3. Stoked
Stoked
Stoked是另一種全大寫選擇,可為標題和徽標提供獨特的外觀。這很有趣,同時保持清晰。它的定義特徵是在每個字母上包含雙線,以及給它一種模板外觀的換行符。
4. Classy Marisa
Classy Marisa
Classy Marisa這種現代字型優雅而流暢,為您的徽標和標題提供更薄、更精緻的字型選項。它具有非常有趣的連字、替代字形和裝飾物,可為您想要共享的任何文字新增更多字元。
5. Canter
Canter
Canter是另一個不錯的選擇。這是一種sans serif字型,全部大寫並具有壓縮間距。它也有六種不同的權重,包括一個3D選項和一個帶有突出陰影的選項。
6. Lucky
Lucky
Lucky是另一種值得考慮的現代字型。這是另一種無襯線字型選擇,可以很好地用作徽標或標題。它也具有明顯的編輯質量,可以很容易地應用於雜誌和線上出版物。
7. Zafir
Zafir
Zafir提供了另一種值得考慮的現代字型選擇。它在簡報中非常小。Zafir是另一個全大寫選項。這是一種帶有曲線和整體有趣外觀的襯線字型,可以很好地用於徽標和標題。
8. Coves
Coves
或者你可以使用Coves。它有兩種粗細,輕和粗,併為您的最新專案提供優雅和流線型的字型選項。也可以將它用於標準文字以及標題和標題。它真的是多用途的。
9. Azonix
Azonix
Azonix提供了另一種現代字型選擇,這次具有未來主義傾向。這是一種強調幾何外觀的無襯線字型。它全部是大寫字母,看起來很容易用在科幻電影的片頭字幕序列中。
10. Arkhip
Arkhip
Arkhip是另一種免費字型選擇,它在保持現代設計的同時回憶起過去的時代。它使用俄羅斯排版元素來創造現代和真正新穎的東西。
11. Prime
Prime
還有另一種字型需要考慮,稱為Prime。這是一種現代的無襯線字型,具有粗線條和整體未來感。它有幾何角,看起來非常適合未來派或技術主題的網站。
12. Glober
Glober
Glober是另一種你應該看看的現代字型。該字型系列包括18個粗細,平均分為9個直立和9個斜體。這是一種san serif字型,易於閱讀且易於應用於許多不同的情況,包括標題和正文。
13. MADE Gentle
MADE Gentle
MADE Gentle是另一種值得考慮的現代字型。它被認為是一種軟襯線,靈感來自Cooper Black字型。這個大膽而圓潤,看起來讓人想起1970年代的舊書封面和標牌。
14.Nordic
Nordic
Nordic既現代又經典,提供兩種字型和三種重量可供選擇。該設計的靈感來自挪威符文,非常適合用於標題、標題和徽標。
15. Maddac
Maddac
Maddac字型提供一個為您的網站的時尚選擇。它是粗體、塊狀和無襯線字型。它的設計現代而獨特。每個字母與其設計的一個方面都有一個微小的角度或傾斜,為等式提供了一些風格。
16.Croc
Croc
Croc是不是很酷的字型?這是一種大膽的襯線字型,具有標誌性的風格,既懷舊又保持新鮮。
17. Aqua
Aqua
Aqua是另一種你應該看看的字型。這個具有新藝術風格的品質,使它看起來永恆。它大膽而簡單,並具有裝飾和連字,使其從其他類似字型中脫穎而出。
18. Manifesto
Manifesto
用Manifesto做一個大膽的宣告。這種字型的靈感來自義大利理性主義運動,並具有明顯的編輯品質。將其用於標題、徽標和標題。將其用於印刷和線上設計。它在這方面確實是多才多藝的。
19. Orkney
Orkney
Orkney是一種可愛的專業字型。字型是幾何設計的,可用於多種用途。將其用於標題或徽標。將其用於標準文字。在印刷品或數字媒體中使用它。天空是這裡的極限。
20. Elppa
Elppa
Elppa具有充滿未來感的外觀,既迷人又多方面。字型非常小,同時也捕捉到了一種太空時代的感覺。將其用於印刷和網頁設計。它適用於徽標和標題,可能不適用於正文,但對於圖形等絕對有用。
21. Corn
Corn
Corn是一種有趣的字型,具有圓角和農場風格的感覺。它由14種不同的樣式組成,您可以立即開始將它們用於標題、標題和徽標。如果您願意,某些樣式甚至可以用於正文。您可以使用此構建整個站點設計。
22. Koliko
Koliko
或者您可以選擇Koliko,這是一種非常有趣的字型,對各種用途具有即時吸引力。它提供三種款式,每一種都將形式和功能完美結合。
23. Quirk
Quirk
Quirk實際上是一種非常古怪的字型。它的名字是一個不錯的選擇。這是一種全大寫字型,包括有趣的連字和可堆疊元素。
24. Le French
Le French
Le French是一種複雜的字型選擇,特別是如果您想複製那種復古的法國咖啡館的感覺。選單和食品相關網站的絕佳選擇。也可以將其用於標題、標題、徽標和正文。
25. Munich
Munich
Munich是一種可愛的無襯線字型選擇,是徽標或標題圖形的絕佳選擇。它屹立不倒,威風凜凜,毫無威脅。
26. Northwest
Northwest
Northwest是一種現代風格的字型,具有復古的感覺。它讓人想起競選裝備標誌和戶外雜誌標題。憑藉四四方方的襯線和裝飾元素,這種字型適用於任何型別的戶外主題內容。
27. Modeka
Modeka
Modeka是四四方方的、現代的,老實說超級酷。這是一個現代的選擇,可以適應以多種方式使用。通過在每個字母上新增角度,它提供了一種可能適合您的下一個專案的獨特風格。
28. Disclaimer
Disclaimer
Disclaimer是一種窄而粗的字型選擇,非常適合各種用途。它有一種超濃縮的風格,使字母挺拔而氣勢磅礴。這對於標題或標題非常有用。
29. 5th Avenue
5th Avenue
5th Avenue非常喜歡經典的空氣,非常適合官方徽標和品牌。這是一種帶有襯線的粗體字型,由於大量替代字母增加了風格和趣味,因此脫穎而出。
30. Quakiez
Quakiez
Quakiez是另一種現代字型選擇,它為我們的列表提供了襯線選項。它的設計考慮到了奢華,但仍然保持著極簡主義的元素。它有兩種樣式,可用於徽標、標題、標題等。
31. Modern Outdoor
Modern Outdoor
或者您可以選擇Modern Outdoor,並立即呼叫露營和戶外活動。這種字型非常適合標題、標題和徽標,並且會對海報產生真正的影響。它需要注意力,並且在所有大寫字母中都非常漂亮,進一步確保了其戶外感覺。
32. Hyperbola
Hyperbola
Hyperbola是圓潤的和未來主義的。事實上,它看起來非常寬敞——以一種很好的方式。這種字型具有圓形計數器,同時保持整體四四方方的形狀。
33. Boxing
Boxing
Boxing字型四四方方,乾淨,完美的標題,標題和徽標。都是大寫的,高大的,看起來很有趣。最重要的是,它非常實用,可以以無數種方式重新利用。
34.Sonder
Sonder
Sonder是另一種多方面的字型,真的。它帶有平板和無襯線字型選項。它具有多種權重以及常規和粗糙的風格。粗獷的風格在字母上有一些空隙,營造出質樸自然的外觀。
35. Lombok
Lombok
Lombok是一種非常優雅的細字型。這是一個帶有幾何元素的sans serif選項,使其脫穎而出並顯得非常獨特。它是標題、徽標和標題的理想選擇。
36. Distrito
Distrito
Distrito是一種風格獨特的全大寫字型。每個字母都略微傾斜,提供獨特的外觀,可以很好地用於徽標和標題。它也是受哥倫比亞模組化設計啟發的全大寫字型。
37. Ailerons
Ailerons
Ailerons看起來像出現在外星人標誌上的字型。它很好地實現了這種美學。它是無襯線字型和全部大寫,無論你把它放在哪裡都會產生影響,儘管標題和標題最適合它。
38. Ethna
Ethna
Ethna外觀經典,但風格現代。這是一個受人文主義設計啟發的sans serif字型系列,在結合復古和現代設計元素以創造新事物方面做得很好。這個在任何用例中都能很好地工作。
39. Noelle
Noelle
Noelle是一種幾何襯線字型,準備給人留下積極的第一印象。它的設計極簡,適用於任何行業的標題和標題。它有一些復古元素,但看起來仍然很新鮮。在網上或印刷品中使用它。此外,它還帶有指令碼字型作為獎勵。
40.Sequel
Sequel
Sequel是一種圓形字型,非常適合徽標和標題。最重要的是,它帶有一系列連字,為您用它們建立的任何東西提供風格和增加興趣。這裡的設計大膽但並不氣勢。
41. Higher
Higher
Higher是另一種提供經典外觀的複雜字型選擇。這種全大寫字型非常簡潔和苛刻,為您使用它的任何東西提供即時風格。
42. Nano
Nano
Nano是一種非襯線字型,具有未來派外觀且全部為小寫,使其成為此列表中的一個獨特選項。字母本身非常現代且易於識別,使其成為徽標和其他品牌材料的絕佳選擇。然而,最好使用簡短的短語,因為較長的句子可能有點難以辨認。
43. Jollin
Jollin
Jollin是一種現代字型,在某些字母上帶有捲曲提示,並具有整體粗壯的外觀。這種無襯線字型有常規和斜體版本,幷包含各種替代字母,因此您可以根據心情使文字看起來更簡單或更漂亮。
44. Phenomena
Phenomena
Phenomena是一種窄而塊狀的字型,邊緣圓潤。它發表宣告,可輕鬆用於標題、徽標或標題。它具有從細到粗的7種不同樣式,還提供了大量標準文字使用機會。
45.Calibre
Calibre
Calibre是一種超級精簡的字型,如果您願意,它可以以一種很好的方式覆蓋您的內容。它是一個全大寫選項,還包括數字、字形和西方字元以進行很好的衡量。
46. Sundays
Sundays
Sundays是一種襯線字型,絕對屬於當今時代,但也具有不可否認的經典感覺。它比經典的類似字型更薄、更曲線,並且具有適合雜誌標題和標題、網站徽標、標題等的樣式。
47. Cornerstone
Cornerstone
Cornerstone是另一種塊狀字型,它提供模組化設計,可以在從徽標到標題的許多不同應用程式中使用。
48.One Day
One Day
One Day是一種細字型,帶有有趣的斷開線條,使其獨一無二。它是另一種具有輕薄風格的全大寫字型。它包括數字和字形,感覺幾何而不是太四四方方。
49. Kollektif
Kollektif
Kollektif是一種經典的現代字型,可以以多種方式使用。它採用幾何設計,有兩種重量。它還針對印刷和網路使用進行了優化。
50. Nostalgia
Nostalgia
然後是Nostalgia,一種具有足夠復古魅力的現代字型,讓人感覺好像是幾十年前建立的。它包括3種字型以及替代字形、連字和花。它將成為徽標、標題、海報或邀請的絕佳選擇。
51. Elixia
Elixia
Elixia有一種適合煉金術士巢穴的空靈外觀。它是幾何形狀的,每個字母上都有額外的線角,提供獨特的風格。
52. Salmon
Salmon
或者你可以選擇Salmon。這種無襯線字型是粗體和最小的。它非常適合標題、徽標和標題。這是一個全大寫的設計,包括一個填充和輪廓的版本,可以很好地配對。
53. Thinoo
Thinoo
Thinoo是另一種san serif字型。它具有纖細而大膽的風格,包括所有字母樣式,包括數字、符號和標點符號。它專業而乾淨。簡單又搶眼。這適用於任何型別的網站以及印刷材料。
54.Summer Loving
Summer Loving
或者您可以使用Summer Loving,這是一種超級有趣的現代字型,其中包含多種字型樣式,因此您可以僅使用一種字型來建立整個設計。它帶有無字型以及可以立即為您的專案新增維度的畫筆細節。它還包括連字和替代字母。
55. Silverfake
Silverfake
Silverfake為標題、徽標、標題和印刷材料提供了一個寬間距的襯線字型選項。例如,這個作為 T 恤標誌看起來很棒。
56. Vienna
Vienna
最後是Vienna。這種現代字型是一種襯線選項,具有雜誌封面上使用的經典字型的所有吸引力,並經過足夠的修改以吸引當今的美學。它是最小的,包括全大寫字母、數字和標點符號。
小結
您可能希望在WordPress網站上使用自定義字型的原因有很多。無論您是想更好地適應您的品牌還是讓您的內容在所有瀏覽器中都更具可讀性,上傳您自己的現代風格字型都是值得的。
即便如此,這個過程起初可能看起來令人生畏。您必須找到一種字型,下載它,將其放入.zip檔案中,然後使用FTP客戶端將其上傳到您網站上的正確目錄。您需要將程式碼片段貼上到主題CSS檔案的適當區域。您可以選擇手動或通過使用外掛(或者您可以聘請開發人員)來執行此操作。
但是,無論您如何處理此過程,您都可以放心,最終結果將是時尚的,併為您網站的整體外觀增添特色。希望我們在這裡策劃的這組現代字型將幫助您找到適合您的WordPress網站的字型。無論是粗的還是細的,圓潤的還是粗糙的,點綴的還是素色的,您選擇的字型都會產生影響!
評論留言