如何為您的網站選擇字體家族

如何決定使用哪種字體系列

無論網站的大小或行業規模如何,您今天都可以在網上查看任何網頁,並且您會發現它們共同擁有的一件事是文本內容。

影響網頁設計的最簡單方法之一是使用用於該網站上文本內容的字體。 不幸的是,很多網頁設計師在職業生涯早期都因為在每一頁上使用太多的字體而變得有些瘋狂。 這可能會造成似乎缺乏設計凝聚力的泥濘體驗。 在其他情況下,設計人員嘗試嘗試使用幾乎不可讀的字體,僅僅因為它們“很酷”或不同而使用它們;它們的確可能是很酷的字體,但如果它們意圖傳達的文本無法讀取,那麼當沒有人閱讀該網站時,該字體的“酷”將會消失,而是留下他們可以處理的網站!

本文將介紹在為下一個網站項目選擇字體系列時應考慮的一些項目。

一些規則

  1. 不要在任何一頁上使用超過3-4種字體。 除此之外,任何事情都會開始感覺業餘 - 甚至在某些情況下4種字體可能太多!
  2. 除非你有一個非常好的理由,否則不要在中間句子中改變字體 (注意 - 我作為網頁設計師的所有年份都沒有找到一個很好的理由來做到這一點)
  3. 為正文文本使用sans serif字體或襯線字體可使這些內容塊更易於閱讀。
  4. 用打字機文本和代碼塊的等寬字體設置除頁面外的代碼。
  5. 使用腳本和幻想字體的口音或大標題很少的話。

請記住,這些都是建議,而不是硬性規定。 但是,如果你打算做一些不同的事情,那麼你應該有意識地去做,而不是偶然。

SANS SERIF字體是您網站的基礎

無襯線字體是那些沒有“ 襯線 ”的字體 - 在字母的末尾添加了少量的設計處理。

如果您已經參加過任何印刷設計課程,您可能會被告知只能使用襯線字體作為頭條新聞。 這不適用於Web。 Web頁面旨在通過計算機監視器上的Web瀏覽器進行查看而今天的監視器可以清楚地顯示襯線字體和無襯線字體。 一些襯線字體在較小尺寸下閱讀時會變得有些困難,尤其是在較舊的顯示器上,所以您應該始終注意觀眾並確保在您決定將它們用於正文文本之前可以讀取襯線字體。 這就是說,今天的大多數襯線字體都是為數字消費而設計的,只要它們設置在合理的字體大小,它們就可以正常工作。

sans-serif字體的一些示例是:

瑣事:Verdana是一種發明用於網絡的字體系列

使用SERIF字體打印

儘管襯線字體可以在線讀取較舊的顯示,但它們非常適合打印並且適用於網頁上的標題。 如果您的網站具有適合打印的版本,則這是使用襯線字體的理想場所。 印刷的襯線使閱讀更容易,因為它們可以讓人們更清楚地區分字母。 而且由於打印具有更高的分辨率,因此可以更清晰地看到它們,並且看起來不會一起模糊。

最佳實踐:考慮為您的打印友好頁面使用襯線字體。

serif字體的一些示例是:

MONOSPACE字體為每個字母添加相同的空間

即使您的網站與計算無關,也可以使用等寬字體來提供說明,舉例或暗含打字文本。 等寬字母對於每個字符具有相同的寬度,因此它們總是佔用頁面上相同的空間量。

打字機通常使用等寬字體,在您的網頁上使用它們可以讓您感受到打字內容的感覺。

等寬字體的一些示例是:

最佳實踐:等寬字體適用於代碼示例。

幻想和腳本字體很難閱讀

幻想和腳本字體在計算機上並不廣泛,一般來說很難在大塊中閱讀。 雖然您可能喜歡使用草書字體的日記或其他個人記錄的效果,但您的讀者可能會遇到麻煩。 如果您的受眾包括非母語人士,則尤其如此。 此外,幻想和草書字體並不總是包含重音字符或其他特殊字符,這些字符限制您的文字為英文。

在圖像中使用幻想和草書字體,並作為標題或標註。 保持簡短並註意,無論您選擇哪種字體,可能都不會放在大多數讀者的計算機上,因此您需要使用網絡字體來提供它們。

幻想字體的一些例子是:

瑣事:Impact是最有可能在Mac,Windows和Unix機器上使用的字體系列。

腳本字體的一些示例是:

瑣事:研究表明,難以閱讀的字體可以幫助學生保留更多的信息。

Jennifer Krynin的原創文章。 由Jeremy Girard於9/8/17編輯