2022 年供設計師使用的 20 種免費 Web 安全字體

已發表: 2022-02-25

用於數字媒體的新字體和創意字體的使用正在成倍增加。 但是為了使字體具有高度創意,設計師往往會錯過易讀性和可讀性部分的標記,這可能導致它們對每個人都不可見。

目錄隱藏
什麼是 Web 安全字體?
五種字體樣式
編者註
1.打開Sans
別針
2. 蒙特塞拉特
別針
3.機器人
別針
4. 遊樂場展示
5. 拉托語
6. 梅里韋瑟
別針
7. 黑爾維提卡
別針
8. 維達納
別針
9. Adob​​e 加拉蒙
別針
10. 奧斯瓦爾德
11. 流沙
別針
12. 阿爾沃
別針
13. Josefin Sans
別針
14. Bebas Neue
別針
15. Exo
別針
16. 國際米蘭
17. 生物韻
別針
18. 鸕鶿
19. 雷威
20. 安東
結論

當您在在線數字世界中使用字體時,它們必須是通用的,以便它們在用戶的瀏覽器中正確顯示。 因此,必須使用在大多數瀏覽器中顯示的設計、使用和可讀性方面安全的網絡安全字體,以便所有人從世界任何地方都能看到。

好看的字體使您能夠在線和離線創建您獨特的個性。 字體已成為品牌推廣的重要工具,因為它為您的內容創造了非凡的視覺吸引力。 此外,它還帶有您希望客戶收到的信息。 因此,營銷人員總是堅持為他們公司的文獻創建一套單獨的字體。 網頁設計師在為客戶挑選字體時必須小心。

好的筆跡能吸引讀者的注意力,讓讀者想要閱讀你的內容。 相反,錯誤的字體會使您的內容變得不相關和不相關。 就像地鐵上一個令人不安的陌生人一樣,您甚至都不會在意看他們並繼續通勤。 因此,作為一名網頁設計師,您會想通過跟上潮流來贏得您的“字體”遊戲。

什麼是 Web 安全字體?

Web 安全字體是大多數 Web 瀏覽器和操作系統都可以接受和支持的字體。 換句話說,這些字體對大多數讀者來說都是可見的,因為用於查看字體的網絡瀏覽器和操作系統正在正確顯示它們,沒有故障。

我們匯總了 20 種免費、安全且美觀的字體列表,可在 2022 年使用。但在開始我們的列表之前,我們想解釋一下如何正確選擇字體。

五種字體樣式

  1. 草書
  2. 襯線
  3. 無襯線字體
  4. 展示
  5. 腳本

排版師從這些樣式中選擇作為開始開發新字體的基礎。 讓我們簡要了解其中的每一個。

草書:

草書是人類書法草書的數字化版本。 每個單詞字母從末尾連接到此字體樣式。

草書字體由於其向上、向下和傾斜的運動而看起來平滑、波浪形和美麗。 這種字體主要用於證書、獎項、邀請函或公告中,因為它具有裝飾性的外觀。

腳本:

腳本字體是類似於手寫的流暢筆劃。 所以你可能會認為手寫體和草書有相似之處,但在手寫體中,字母並沒有連接成一個詞。 這種字體通常用於邀請函、公告標題、學歷證書、展示或貿易印刷。

展示:

您在廣告牌上看到的字體是顯示字體類型。 因此,顯示字體是專門為較大的尺寸設計的。 因此,它們是大而醒目的字體。 設計師可以在海報、標誌、標題和電影標題中使用這些字體。

襯線:

襯線字體是您最常在報紙或雜誌上看到的字體。 他們在每個字母的末尾都有額外的裝飾。 襯線字體在較小的副本中易於閱讀,因為它們看起來傳統、複雜和正式。 因此,它們被用於文本正文中以攜帶和翻譯正確的信息。 此外,網頁設計師廣泛使用這種字體。

無襯線字體:

Sans 在法語中的意思是“沒有”,因此 Sans Serif 在 Serif 字體中的意思是沒有裝飾。 無襯線字體易於閱讀,並在大而粗的標題中脫穎而出。 設計師在標題中使用這些字體,因為它們顯得非正式且友好。 因此,它可以迅速抓住觀眾的注意力。 此外,由於它們的簡約特性,它們被用於徽標中。

編者註

需要注意的是,網站標題的字體往往比標准文本字體更生動或更生動。 因此,如果您正在尋找迷人而生動的字體,這些字體可能是您下一個網站標題設計的最佳選擇,也可能不是。 同時,您要確保您的標題字體在大多數瀏覽器中都能正確顯示。

現在讓我們看看前 20 名好看的網絡安全字體列表:

1.打開Sans

如果您正在尋找使您的內容更清晰的字體,您必須嘗試 Open Sans。 其彎曲和寬敞的設計使字母表中的每個字母都顯得用戶友好。 Open Sans 是史蒂夫·馬特森 (Steve Matterson) 的創作,他是美國一位非常有才華和時尚的字體設計師。 他設計了無襯線字體、多種粗細以及三種常規、粗體和斜體樣式。 您可以使用此字體編寫打印、Web 和移動內容標題。

Open Sans - 網絡安全字體 別針

2. 蒙特塞拉特

受布宜諾斯艾利斯舊海報和標牌的啟發,字體設計師 Julieta Ulanosky 決定保留這種傳統設計。 因此,她創造了一種字體並將其命名為蒙特塞拉特。 蒙特塞拉特字體屬於 sans 類別。 它有 18 種粗細,從細到加粗和斜體。 您可以通過多種方式使用蒙特塞拉特。 設計師可以將其用於徽標設計、海報和品牌宣傳,因為蒙特塞拉特的字母看起來既響亮又清晰。 此外,這種多功能字體可用於 UI 界面。

蒙特塞拉特 - 網絡安全字體 別針

3.機器人

谷歌字體將 Roboto 描述為一種雙重性質的字體。 因為它有一個機械骨架,並且形式基本上是幾何的。 Roboto 有一個無襯線字體。 本質上的二元性,Roboto 看起來友好、熟悉和專業。 它有四種重量:薄、輕、常規和粗體。 您可以在 Android 和其他 Google 服務上觀察到這種字體。

Roboto - 網絡安全字體 別針

4. 遊樂場展示

還記得用曲線和尖邊寫字母嗎? Playfair Display 是 serif 系列的字體。 克勞斯·艾格斯·索倫森 (Claus Eggers Sorensen) 設計了它。 Playfair Display 中的小寫字母具有較大的 x 高度和較淺的下降,使它們具有過渡外觀。 這種字體最適合印刷和在線雜誌和報紙的標題和標題。

Playfair 展示:2022 年免費使用的最安全和美觀的字體 別針

5. 拉托語

Lato 是由字體設計師 Lukasz Dziedzic 設計的無襯線字體。 Lato 在波蘭語中意為“夏天”。 在設計這種字體時,Lukasz 想在文本正文中創建一種透明字體,但當它變大時會顯示其原始個性。 這種字體具有較大的 x 高度和寬闊的形狀,即使在較小的尺寸下也看起來整潔且可讀。 從細線到黑色,所有九種粗細都可以在這種字體中使用,並且每種粗細都帶有斜體變體。 設計師可以在各種類型的內容中使用這種字體。 例如,它可以應用於視頻中的文本、網站封面和印刷名片。

Lato : 2022 年免費使用的最安全和好看的字體 別針

6. 梅里韋瑟

Merriweather 字體來自 Sorkin Type Co,由 Eben Sorkin 設計。 它是一種無襯線字體,具有較大的 x 高度和輕微的對角線應力,看起來呈波浪狀。 因此,Merriweather 字體完美地補充了傳統和現代的設計風格。 它有八種羅馬和斜體樣式的權重。 這種字體很適合以更適合正文的小尺寸閱讀。 這種字體最適合 UI 設計。

Merriweather - 網絡安全字體 別針

7. 黑爾維提卡

Helvetica 由 Akzidenz-Grotesk 設計,是一種無襯線字體,在線提供大約 100 種變體。 這種字體在美國大多數廣告公司的設計師中很受歡迎。 這種字體是由一位名叫 Max Miedinger 的瑞士字體設計師在 1957 年設計的,從那時起它的流行度才成倍增長。 Helvetica 字體具有較大的 x 高度和較小的下降,使其極簡和精緻。 因此,Helvetica 是最通用的字體,如果使用得當,可以在任何時間使用文本內容。

Helvetica - 網絡安全字體 別針

8. 維達納

微軟委託英國排版設計師 Verdana 設計的 Matthew Carter 設計了一種可以在電腦屏幕上以小尺寸閱讀的字體。 Matthew 將它設計成一種人文主義的無襯線字體,具有較大的 x 高度和寬闊的形狀,使其在屏幕上以較小的尺寸清晰易讀。 它是目前數字顯示最常用的字體之一。

Verdana - 網絡安全字體 別針

9. Adob​​e 加拉蒙

Garamond 字體是基於法國字體設計師 Claude Garamond 的作品,而 Adob​​e Garamond 是由 Robert Slimbach 設計的。 它屬於襯線風格,與 Time New Roman 有相似之處。 此外,Garamond 字體的邊緣變得更尖,使其看起來很經典。 這是一種 Adob​​e 經典字體,可以以多種方式使用。

Adobe Garamond - 網絡安全字體 別針

10. 奧斯瓦爾德

Vernon Adams 最初設計了這種字體。 它被描述為對歷史上以“Alternate Gothic”為代表的經典哥特式字體的改造。 它被歸類為“顯示”類別。 這種字體有細長的單線字母,創造了一個很好的聲明。 因此,它被廣泛用於新聞標題和在線廣告的高大醒目字母。

Oswald - 網絡安全字體 別針

11. 流沙

Quicksand 是一種字體類型,可以使您的名片看起來比任何其他字體都更專業。 該字體字數少、字號大,可用於紀錄片標題、網站封面、徽標等多種方式。 這種字體有七種風格,每種風格都傳達著簡約和優雅。

流沙 - 網絡安全字體 別針

12. 阿爾沃

Arvo 是由 Anton Koovit 設計的幾何平板襯線字體。 這種字體的字母是扁平的,並且在邊緣具有相同的視覺重量,使它們成為單線性的。 它提供了適合屏幕文本的打字機打印的精髓。 Arvo 有 4 種 Roman、Italic、Roman Bold 和 Bold Italic 可供選擇。 該字體可用於設計網站模板和網站內容的文本正文。

Arvo - 網絡安全字體 別針

13. Josefin Sans

Santiago Orozco 將 Josefin Sans 設計為幾何、優雅和復古。 Josefin Sans 的獨特風格來自其從基線到帽高的 x 高度。 它有粗體、斜體和常規的多種粗細可供選擇。 好的部分是這種字體是許多不同風格的融合。 這不僅使這種字體獨一無二,而且增加了它的可用性。

Josefin Sans - 網絡安全字體 別針

14. Bebas Neue

Bebas Neue 是由 Ryoichi Tsunekawa 設計的無襯線字體。 你可能會發現它和 Oswald 之間有一點相似之處,但 Bebas Neue 更多的是關於優雅而不是大膽。 Bebas Neue 字體細而乾淨,用於標題和顯示。 這些品質使其成為設計界最流行和廣泛使用的字體。

Bebas Neue - 網絡安全字體 別針

15. Exo

Exo 可以歸類為幾何無襯線字體。 它最近被設計用於推進排版並讓設計師在未來的項目中使用它。 它有九個常規和斜體字重。 它看起來整潔且引人注目,有助於創建網站封面、電影片尾和廣告。

Exo - 網絡安全字體 別針

16. 國際米蘭

Rasmus Andersson 是 Inter 字體的設計師。 Inter 是 sans serif 的可變字體。 這種字體具有多種粗細和样式。 有九個配重,每個配重斜體,構成 18 種樣式。 Inter 因其可讀性而成為大多數設計師的首選字體; 小寫和混合大小寫的字母具有很高的 x 高度,並且比大多數無襯線字體更苗條。 因此,無論是正文還是標題,國際米蘭的出色功能使其可以以各種可能的方式使用。

互聯網安全字體 別針

17. 生物韻

Bio Rhyme 字體是完美的課堂。 排版師 Aoife Mooney 在顯示字體中設計了這種字體作為實驗。 她想檢查增加寬度的字母是否仍然可讀。 因此,Bio Rhyme 字體具有較寬的寬度、對角線應力和緩慢的曲線。 此外,它有五個砝碼,可用於大號和中號。 設計師可以將此字體用於標題和電影片尾字幕。 你也可以在網站上使用它來增強它的美感。

Bio Rhyme - 網絡安全字體 別針

18. 鸕鶿

受 16 世紀 Claude Garamond 類型的啟發,字體設計師 Christian Thalmann 設計了 Cormorant 的展示字體。 雖然 Garamond 的作品不是他最初的靈感,但他已經設計了他的大部分字形。 因此,他只從加拉蒙德的作品中對特定角色進行指導。 鸕鶿字母看起來圓滑、球形,設計優雅。 它有 5 種粗細可供選擇,即 Light、Regular、Medium、SemiBold 和 Bold,以及大約九種不同的視覺風格。

Cormorant - 網絡安全字體 別針

19. 雷威

Raleway Font 是一種來自無襯線字體家族的字體。 Raleway 中的字母看起來靈活,好像靈活,在高 x 高度的轉彎處相等。 Matt McInerney 最初設計了這種字體,並從那時起不斷發展。 Raleway 最初設計為一種粗細,現在有 18 種粗細,包括薄、輕、常規、中、粗和黑色。 設計師可以使用這種字體設計標誌、海報、購物袋和網站。

Raleway - 網絡安全字體 別針

20. 安東

Vernon Adams 為傳統的廣告無襯線字體設計了一種網絡字體。 Anton 字體採用超大 x 高度和更纖細的字體設計。 這種字體給人一種緊迫感和嚴肅感。 它立即吸引眼球。 因此,這種字體適用於新聞和體育頭條。

Anton - 網絡安全字體 別針

結論

未來十年,數字新聞媒體和社交媒體平台的範圍將迅速擴大。 這增加了對適合數字消費但仍保留創意價值的字體的需求。 此外,由於環境問題,對具有更大易讀性和更少碳負荷的字體存在巨大壓力。 因此,網頁設計師必須使用用戶友好和環境友好的字體。 因此,上面列出的網絡安全字體是經過策劃的,同時考慮到這兩個方面,設計師應該可以隨意使用它們。