網頁的字體大小和行高

Question

對於可讀性而言，字體大小和行高的最佳值是什麼？

我自己更喜歡巨大的字體大小和更大的行高，就像Dive into Python 3中使用的那樣。

Answer 1

與所有其他「什麼是最好的」世界的問題，這個問題的答案是「沒有‘最好’的」 :-)

對於字體大小，可以說是「最好」是什麼用戶選擇了自己，無論是默認還是最低。換句話說，保留主體副本的字體大小，並且只爲標題增加字體大小。您可能考慮由很小量用於非關鍵內容減少了。 16px通常是瀏覽器的默認設置。

對於行高，通常建議使用介於1.3和1.5之間的值以實現良好的可讀性，但這會隨字體面和行長度而變化。

Answer 2

沒有「最好」的字體大小和行高。

這一切都取決於網站的類型。

如果它主要是一個以文章爲主要內容的網站，那麼更大的字體和行高可能會更好。

如果它是一個WEB應用程序，然後巨大的字體大小會阻止您建立一個小巧而實用的接口。所以你不得不求助於典型的操作系統字體大小。

這一切都依賴。

Answer 3

根據什麼W3C推薦，總是使用相對字體大小（EM）。

，而不是使用

h1 { 
    font-size: 2em; 
    line-height: 2.5em; 
} 

h1 { font-size: 24px; line-height: 30px; } 

讓用戶可以隨時覆蓋默認的字體大小。

Answer 4

實際上，就網頁中的「段落可讀性」而言，它的字體大小和行高都是最佳的。上述問題的目標很明確：可讀性。他們沒有要求最好的音樂或穿衣風格或其他能夠容忍各種不同口味的東西;他們並沒有要求最好的字體顏色，或字體大小爲我的或你的口味，或爲老年人，但具體[可讀性]最好的字體大小和行高，並有最好的實踐指導方針目的。這不是品味的問題，而是光學和機械閱讀的問題;它也需要印刷術的知識。將其簡化爲「無論你我喜歡什麼」，都是品味與效率，色彩與健康之間的嚴重混淆。

而且我將假設問題不是詢問字幕的字體大小，而是詢問屏幕上的段落（因爲這是我們在網上大部分閱讀的內容）。

即使我們會禮貌地將現有指導方針標記爲「建議」，它們仍然爲尋求「最佳」提供了一個答案。在我分享我所知道的內容之前，請明白，如果您不是貿易印刷設計師，或者至少在該領域做過很好的研究，那麼您很難回答上述問題。有時候，人們確實需要優秀的專業人員來向他們展示他們從未意識到可用，可能或存在的東西;有時候人們不確定什麼會感覺到或者看起來是「最好的」，直到你真正向他們展示給他們，並要求他們嘗試它，看看他們是否喜歡它，或者如果它快速增長。有時候人們會習慣於錯誤的，不健康的或者反作用的習慣，比如坐在一個懶洋洋的背上，或者用Times New Roman的方式閱讀網頁，直到錯誤的練習對他們實際感到[舒服];它成爲他們的舒適區！這是否意味着他們的「最佳」是他們習慣選擇的？很明顯不是;不一定。有時問題甚至在字體大小上也沒有。這意味着，選擇增加字體大小的用戶不會因爲字體大小而這樣做，但是因爲行長度（段落或列寬度）太長，或者行高太緊，或者存在沒有任何段落（！），它只是一個文本牆，或者段落和背景顏色太相似，所以它們會增加字體大小以彌補這種糟糕的設計問題，因爲他們會很滿意正確設計的網頁上相同的字體大小。

現在，關於段落的字體大小，特別是在網頁上的可讀性，最佳或推薦的範圍是從12px到16px。如果您選擇非常規字體，這可能會稍微變化，但對於網站而言，建議不要這樣做。由於在px（像素）中指定大小時跨瀏覽器顯示的一致性較高，因此在px中指定大小可能優於pt（例如Microsoft Word中使用的單位）。屏幕爲px，打印爲pt。

「無論用戶自己選擇了什麼」參數都是無效的，因爲它假定典型用戶根本改變瀏覽器設置中的默認字體大小;這樣的假設是非常誤導的，並且絕對不代表關於大多數百分比的實際數據，或者絕對不會改變默認瀏覽器字體設置的典型互聯網用戶的實際數據。

我尊重W3C的建議，但是今天大多數瀏覽器完全能夠通過Ctrl +（+）無論如何增加屏幕上的字體大小，即使大小是由px指定的，並且按Ctrl + 0也可以獲得頁面回到原始大小。而在大多數情況下，知情的設計師實際上會指定段落的字體大小，行高和寬度列，以便它們互相補充並增強可讀性。因此，只有沒有意識到的用戶改變設計良好的頁面的字體大小實際上可能會降低可讀性而不是增強其可讀性，特別是對於長段落。可以理解的是，可訪問性是重要的，有時需要一些政府網站，但這仍然可以由設計者考慮，以便列寬隨着用戶字體大小的增加而增加;在這種情況下，您將使用em單位而不是px，範圍將從0.75 em到1 em（除非基本字體大小被「body {font-size：62.5％;}」CSS語句破解，那麼範圍是1 em到1.6 em）。

關於段落的行高，建議的絕對最小值爲150％。而且在大多數情況下，你不需要超過175％。

再次，爲了網頁的可讀性，sans-serif字體（比如Verdana）比serif字體（比如'Times New Roman'）更受推薦。對於印刷來說，情況恰恰相反。

在Web上使用的兩個最推薦的字體是Verdana和Georgia。爲了獲得最佳效果，請對比一下：最好的組合是Verdana的段落和Georgia的標題。

您還應該考慮您的內容欄寬度：它應該適合75至85段的字符（13至18個字）平均每條全行。如果線條比這更長，網頁的可讀性會受到影響或放慢;比這更窄，你的段落看起來很尷尬。

合理嗎？不，傳遞它;它會減慢閱讀速度，從而影響可讀性，特別是對於快速閱讀器（並且您希望快速閱讀器喜歡您的站點！）。堅持左對齊英文。

所有這些建議的原因可以在任何流行的網頁排版書中找到，並且可以通過最排版設計師來解釋，你真的應該要落後瞭解智慧在細節中感受相信這些建議（或者「最佳「實踐指南）有很好的理由。字體太大（或巨大），可讀性實際上並未增強，但對於大多數普通讀者而言是受損的;太小的字體，同上。爲什麼？再次，您可以使用我共享的關鍵字進行研究。總之，爲了網頁的可讀性，段落：Verdana（sans-serif），12-16px（不是pt，0.75 em到1em當可訪問性非常重要時），線高150％-175％，每行75-85個字符（控制列寬）。