5 個簡單的字體更改可增加博客上的讀者、評論和分享

這篇客座文章由 Information Highwayman 的 Bnonn 撰寫。

您可能沒有意識到，博客上的字體設置會對有多少人閱讀您的內容產生巨大影響。

有多少人閱讀您的內容對於帖子是否會像病毒一樣傳播有著巨大的影響。

有多大？ 嗯，根據我讀到的一些說法，僅僅一個常見的顏色錯誤就可能使讀者數量減少五分之一。 如果你沒有犯這個錯誤，那麼你可能至少犯了另外四個錯誤之一。 因此，在本文中，我將向您提供展示文本的五個最重要的最佳實踐，以讓讀者專注於您的內容，並遠離舊的後退按鈕。

字體大小 — 最小 16 像素

最重要的易讀性問題是字體大小。 早在 2005 年，Jakob Nielsen 就報告說，在一項針對網頁設計問題的調查中，糟糕的字體獲得的選票幾乎是下一個競爭者的兩倍——三分之二的選民抱怨字體太小。

可悲的是，從那時起一切都沒有改變。 SiteInspire（展示最佳設計中的最佳網頁設計畫廊）的新博客設計的隨機抽樣表明，正文的平均字體大小為12 像素。 有的低至十個像素。 不超過14 像素。 同樣，如果您從流行的優雅主題或 ThemeForest 中隨機抽取產品樣本，您會發現每個主題都將帖子內容設置為 12 或 13 像素。

當然，其他主題創作者也傾向於追隨大佬的領導。

但正如 Information Architects 的可用性和排版專家 Oliver Reichenstein 指出的那樣， 16 像素是瀏覽器默認顯示的字體大小，而且它並不大。 平均屏幕上的 16 像素文本看起來與打印的 12 點文本大小大致相同。 這是大多數雜誌以及所有文字處理器的默認尺寸，因為這是人們閱讀起來最舒服的尺寸。 許多人（尤其是 40 歲以上的人）發現閱讀較小的文字非常困難。 正如賴興斯坦所觀察到的：

沒有理由將如此多的信息擠到屏幕上。 這只是一個愚蠢的集體錯誤，可以追溯到屏幕非常非常小的時代……起初，您會對默認文本有多大感到震驚。 但一天之後，您將不想看到任何小於 100% 字體大小的正文。 它一開始看起來很大，但是一旦你使用它，你很快就會意識到為什麼所有瀏覽器製造商都選擇它作為默認文本大小。

在淺色文本上使用深色——相反是不好的

幸運的是，我們已經過去了內容作者認為藍色文本上的紫紅色很酷的日子。 但黑底白字（稱為反轉字體）仍然很常見。 與其他深色上的白色等變體一樣。

反向字體不僅會減少願意閱讀您的內容的人數，還會減少他們對內容的理解。 這是因為它會使眼睛疲勞。 長時間盯著顛倒的文字往往會產生一種“眩光”效果，你會覺得字母太亮而難以看清。 研究表明，深色文本的淺色會減少 50% 到 400% 的讀者數量，具體取決於您查閱的研究內容。

為什麼要冒失去這麼多讀者的風險呢？ 白色上的黑色或深灰色看起來很乾淨，並且有很多很棒的主題都使用這些顏色。

行寬 — 45 至 75 個字符

這是許多博客都違反的另一條鮮為人知的規則。 為了讓您的眼睛能夠輕鬆地跟踪一行到下一行，每行的字符數不要超過 75 個。 這稱為線測量。 超過 75 個字符後，很難在不丟失的情況下跟踪一行的結尾到下一行的開頭。

另一方面，如果您的字數少於 45 個字符，您的眼睛很快就會疲勞，因為您剛剛開始閱讀一行，就必須跳到下一行。 你感覺自己永遠沒有機會休息。

因此，理想的帖子內容區域應包含大約 60 個字符長的文本行。 當然，你還必須考慮美觀。 在許多博客上，“理想”的措施是在右側邊緣留下巨大的空白，或者使文本看起來被壓縮成一個很小的區域。 正是出於這個原因，我在自己的網站上使用了大約 70 個字符。 但如果超過 80 個字符，讀者數量肯定會減少。

線高—130%或以上

幸運的是，這是一個不太常見的錯誤。 如果您使用專業主題，則可能無需擔心。

舉個例子，我已將此段落設置為默認行高（也稱為行距，源自舊印刷機上用於分隔文本行的鉛條）。 讀起來感覺局促、乏味，而且很難從一行到下一行，因為它們相互融合。

另一方面，該段落的行高設置為 200%，相當於文字處理程序中的雙倍行距。 我相信你會同意這裡的線條感覺彼此太脫節，除非你要提交一篇研究論文，否則這不是正確的選擇。

最後這段設置行高為150%。 這意味著對於字體大小的每個像素，行之間的距離有一個半像素。 事實證明，對於您可能在博客上使用的大多數字體來說，這都是相當可靠的最佳位置，但您可以隨意在130% 到160% 之間進行試驗，看看哪種最適合您自己的內容。

左邊距——不要破壞它

最後一個技巧並不完全是字體問題。 但它屬於同一類別。 博主通常在他們的帖子中包含圖像。 這是否真的是一個好主意是另一個話題——但現在，讓我給你一個建議。

左邊距是神聖的。 這就是我們在西方世界追踪頁面文本的方式。 它是線條生長的“基礎”（通常長度完全不同），也是我們閱讀頁面時眼路的基礎。

但如果你打破了左邊距，那就完蛋了。 你的眼睛必須環顧四周以嘗試找到新的頁邊距，這樣你才能繼續閱讀。

換句話說，每次左對齊圖像時，都會在讀者的路徑中設置一個減速帶。 而且你用你的視覺主導圖像將他的注意力從文本上拉開，從而使問題變得更加複雜。 不用說，那些一直分心並不得不重新定位左邊距的讀者通常不會讀到文章的結尾，因此他們通常不會分享或評論它。

額外提示：首字下沉可增加讀者群

我所說的“首字母大寫”是指首字母大寫，即帖子第一個單詞的第一個字母比其他字母大得多。 根據奧美公司 (Ogilvy & Mather) 的研究，這會使一篇文章的讀者數量平均增加 13%。

大多數博客主題中都沒有內置首字下沉，而且在網絡上實現它們可能很棘手，但如果您會一點編碼，請查看本教程，了解如何創建它們。

五個錯誤：你犯了哪些？

現在是時候回到您自己的博客，看看這五個重要的最佳實踐中哪一個您沒有實踐。 然後，固定！ 但不要忘記在下面的評論中分享您所做的更改！

布農在該行政區被稱為“信息強盜”，他通過改進文案和設計幫助小企業在網上銷售更多產品。 當他沒有深入瀏覽某人的主頁時，他會教他的孩子們有關蒸汽朋克、內森·菲利安以及如何與殭屍搏鬥而不被咬傷的知識。