您可以在網站中使用的 5 種網絡安全字體
已發表: 2020-10-07如果您是網站所有者,那麼您應該知道 HTML 字體在您的網站中起著重要作用。 所有網站都有一種或另一種形式的文本內容,如果選擇正確,好的字體可以增加頁面的美感並對內容的可讀性產生積極影響,這就是為什麼網站的設計和開發確實是其中之一啟動任何業務的最重要方面。 不良字體會對套件的性能產生負面影響,這完全取決於您是否使用網絡安全字體。
- 什麼是網絡安全字體?
- 為什麼 Web 安全字體很重要?
- 什麼是五種字體系列?
- 1.草書(例如,Zapf-Chancery)
- 2.奇幻(例如,星球大戰)
- 3. Serif(例如,Times New Roman)
- 4. 無襯線字體(例如 Helvetica)
- 5. Monospace(例如,Courier)
- 流行的網絡字體:
- 1.宋體
- 2. 時代新羅馬
- 3.黑體字
- 4.快遞
- 5. 口徑
- 要檢出的字體工具
- 字體對
- 字標.it
- 什麼字體
- 如何將 Web 安全字體添加到我的網站?
什麼是網絡安全字體?
僅當字體安裝在任何瀏覽器或設備(手機、平板電腦等)上時,該字體才可讀且看起來相同。 Web 安全字體是通常預裝在任何設備(計算機、手機、遊戲機、平板電腦和智能電視)中的字體。
為您推薦:每位偉大設計師都需要的 20 種令人驚嘆的徽標設計字體。
為什麼 Web 安全字體很重要?
在一個完美的世界中,您可以為您的網站選擇任何您想要的字體。 但是,基於操作系統的設備帶有自己的預安裝字體選擇。 問題在於它們的設計通常因您使用的系統而異。 在 Windows 上運行的設備可能有一組,MacOS 可能有另一組,然後谷歌的 Android 有另一個不同的版本。
當你打開一個網站時,你在視口上看到的字體可能不一定是設計師想要的字體。 含義:假設設計師使用了一種相對晦澀的字體。 如果您沒有安裝該字體,那麼您的網站將恢復為系統定義的通用字體,您甚至可能不知道它,因為它看起來會令人不快。
Web 安全字體是所有系統中都存在的字體集合,讓您作為設計者能夠指定要回退的字體,以防設備沒有所需的字體。 它使您能夠使網站在各種設備上看起來都一樣。
什麼是五種字體系列?
在排版中,所有字體都根據其設計相似性歸類為五個字體家族之一。 這些如下:
1.草書(例如,Zapf-Chancery)
Cursive 系列字體模仿人類手寫,字母通常以流暢的方式連接在一起。 它通常與書法和書寫速度更快的人聯繫在一起。
2.奇幻(例如,星球大戰)
Fantasy 字體系列的字體通常在每個字母中都有裝飾元素,但仍然代表字符。 許多虛構書籍和電影的標題都使用這個家族的字體來加強內容的細微差別。
3. Serif(例如,Times New Roman)
Serif 字體家族最顯著的特徵是在字母或符號的大筆劃末尾有一條小線。 它營造出一種優雅和正式的感覺。 它被許多網站廣泛用於正文。
4. 無襯線字體(例如 Helvetica)
與 Serif 家族的字體不同,Sans-serif 家族的字體沒有在每個字母上附加細線。 屬於這個家族的大多數字體具有相似的筆劃寬度,因此使其簡約而現代。
5. Monospace(例如,Courier)
在 Monospace 字體系列中,每個字母和符號在水平方向上佔據完全相同的空間。 從而使它們一致且易於區分,這就是為什麼它們經常與打字機一起使用,最近與計算機終端一起使用。
您可能喜歡:您需要試用的 11 種很棒的 Photoshop 字體(免費!)。
流行的網絡字體:
現在我們對字體有了深入的了解,下面是 5 種流行的網絡安全字體,可以添加到您的網站:
1.宋體
在線和印刷媒體中使用最廣泛的無襯線字體之一。 這是事實上的標準。 OpenType 3.0 版將其描述為:
“現代無襯線設計,Arial 比其許多前輩包含更多的人文主義特徵,因此更符合 20 世紀最後幾十年的情緒。 曲線的整體處理比大多數工業風格的無襯線字體更柔和、更飽滿。 在對角線上切割末端筆劃,這有助於使面部看起來不那麼機械。 Arial 是一個用途極為廣泛的字體系列,可同樣成功地用於報告、演示文稿、雜誌等的文本設置,以及報紙、廣告和促銷中的展示用途。”
它也是 Google 文檔中的默認字體。
2. 時代新羅馬
Times New Roman 是 Serif 字體系列中舊 Times 字體的變體。 1931 年受英國報紙“泰晤士報”委託,由 Monotype 印刷設備公司的藝術顧問斯坦利莫里森設計,並與時代廣告部門刻字部門的維克多拉登合作。 它已成為有史以來最流行的字體之一,並預裝在大多數設備上。
Times New Roman 名稱中的 Roman 是對 roman 樣式的引用,是 Times New Roman 字體系列的第一部分。 它起源於 15 世紀末和 16 世紀初的意大利印刷術,該設計與羅馬或羅馬人無關。
3.黑體字
Helvetica 或 Neue Haas Grotesk 是 Sans-serif 字體家族中廣泛使用的字體。 由瑞士字體設計師 Max Miedinger 在 Eduard Hoffmann 的幫助下於 1957 年開發。 它採用新怪誕的設計,具有高 x 高度、水平或垂直線上的筆劃終止以及字母之間非常不尋常的緊密間距,這些結合起來使其具有堅實、密集的外觀。 最初設計用作中性字體,非常清晰,在形式上沒有內在意義,可用於各種標牌並命名為 Neue Haas Grotesk(新哈斯怪誕),它很快獲得 Linotype 許可,並於 1960 年更名為 Helvetica , 瑞士的拉丁語。 該字體以其中性的特點深受設計師的喜愛,並受到吉普、川崎、摩托羅拉、寶馬等眾多知名品牌的青睞。
4.快遞
Courier 字體是屬於 Serif 字體家族的一種字體。 最初由 Howard “Bud” Kettler 為 IBM 的打字機設計,它已被改編為計算機字體,幾乎所有計算機都安裝了它。 由於其 Monospace 排版,在 1990 年代,它在電子和計算機行業中得到了重新使用,在這些行業中,字符列必須一致對齊,例如,在編碼中,它是編寫或描繪任何類型代碼的默認字體。
按照行業標準,所有劇本都要用 12 點信使來寫。 直到 2004 年 1 月,美國國務院一直將其用作所有文件的標準字體。隨著在數字行業中的使用越來越多,Courier 開發了具有更大標點符號、相似字符之間更強區別(例如數字 0 /大寫 O 和數字 1 / 小寫 L) 等,以提高屏幕易讀性。
5. 口徑
Calibri 字體是 Lucas de Groot 於 2002-2004 年設計的 Sans-serif 字體家族的一員。 它於 2007 年公開發布,與 Microsoft Office 2007 和 Windows Vista 捆綁在一起。 從 Office 2007 開始,它取代了 Times New Roman 作為 MS Word 中的默認字體和 Arial 作為 MS Powerpoint、MS Excel、Microsoft Outlook 和 WordPad 的默認字體。 它是 ClearType 字體集合的一部分,旨在與 Microsoft 的 ClearType 文本呈現系統一起使用,使文本在液晶顯示器 (LCD) 上更清晰易讀。
要檢出的字體工具
有許多在線工具可用於在您的網站上使用之前測試不同的字體。 如果您想探索可用的字體類型或在選擇要使用的字體時遇到困難,這些工具會很有幫助。
字體對
Font Pair 是一個小眾網站,擁有大量與排版相關的資源。 有各種電子書、指南、評論、視頻和字體插件推薦。 他們有一個專門介紹 Google 上最流行的字體的部分,並深入比較了哪些字體最適合搭配使用。
字標.it
Wordmark.it 可讓您快速預覽使用特定字體甚至多種字體組合後的文本效果。 只需在欄中輸入文本,瞧,它會向您展示不同字體的外觀。
什麼字體
WhatTheFont 之於文本就像反向圖像搜索之於圖像。 它可以幫助您識別您見過的字體。 只需上傳字體圖像,它就會將其與他們的數據庫進行匹配,並為您提供它認為最接近的匹配項。 您還可以前往他們活躍的論壇尋求幫助,以識別字體甚至是一般的排版查詢。
您可能還喜歡:將自定義字體添加到您的 WordPress 網站主題的 3 種不同方式。
如何將 Web 安全字體添加到我的網站?
現在您已經選擇了網絡安全字體,是時候應用它了。 如果您的編程經驗很少,請按照以下步驟將網絡安全字體添加到您的網頁:
1. 打開 header.php 文件。
2.複製字體源代碼/標準代碼。 您通常可以通過 Google 找到它。
3. 將代碼粘貼到頭文件的頂部。
4.加載你的style.css,輸入字體代碼來改變你選擇的字體文本。
到最後,您的樣式表應該如下所示:
本文由 Abhyank Srinet 撰寫。 Abhyank 擁有 ESCP Europe 的管理碩士學位和儀表與控制專業的工程學位。 他對數字領域的興趣促使他創建了一家應用諮詢在線初創公司 (MiM-Essay),專注於傳播有關早期職業碩士學位的優質信息。