幾點說明
中文翻譯版可能包含錯誤，應以 W3C 官方網站的英文原版為准
上方導航欄中可以查看每個小貼士的英文原版及繁體中文版
版權資訊在頁面最下方
注意字體大小
網頁設計者中有這麼一種傾向：他們認為小字體能讓網頁看起來更漂亮，並能提供更多空間給每個網頁中的實際內容。但這有時會導致字體太小，不便於閱讀。
更加不幸的是，這個問題又隨著用於訪問網頁的平臺不同而發生變化，從小螢幕的移動設備到連接在電腦上的投影儀。甚至在某個特定平臺內，字體設置也可能不同。
這是一個基本的易用性及可訪問性問題：一份好的設計應該看起來漂亮，並且 不需要訪客手動調整字體大小。
忘掉 <font>，使用 CSS
目前較好的處理網頁字體大小設置問題的方法是使用級聯樣式表（CSS）。我們強烈推薦使用該方法來替代 HTML 中 <font> 標籤的使用，因為 CSS 更靈活，更容易維護，同時也節省帶寬。本條小貼士的目的並不在於討論 CSS 與 <font> 標籤比有什麼好處，如果你想獲得此問題的更多詳細資訊，請使用你常用的搜索引擎... 我們將著重討論如何使用 CSS 技術創建易讀性網頁。
善用 CSS 的 font 屬性
下面有一些使用 CSS 的 font 屬性來創建易讀的網頁時應該遵守的基本規則。
大小：考慮用戶的默認字體大小，避免太小的字體
- 1em（或 100%）作為網頁文檔的基本字體大小，等價於用戶的默認字體大小。使用這個值作為基本字體大小，並避免使用小於這個值的基本字體大小為佳
- 在正文中避免設置
em標籤中的字體小於1em，除非是版權聲明或其他協議條款等。
單位：避免使用絕對長度單位
- 不要使用
pt或其他絕對 長度單位 來定義用於 screen 的 CSS 中的font-size。他們會根據不同的平臺而有所不同，並且不能被用戶代理（如流覽器）調整大小。這種單位可以用於固定的並且知道物理屬性的 media CSS（例如 print）。 - 使用百分比，或（更好一點）
em之類的相對 長度單位 - 再好一點，如果一個文檔已經設置了基本字體大小，在定義該文檔中的某個元素時，可以使用 絕對大小（[ xx-small | x-small | small | medium | large | x-large | xx-large ]）或 相對大小（[ larger | smaller ]）。
易讀的 font-family
如果要使用較小的 font-size，可以指定一個帶有高度值的易讀的 font-family
（參見 CSS2 規範中的 font-size-adjust
部分關於 aspect 值的解釋 [譯者注：aspect 值是該字體的大小與該字體中小寫字母 x 的高度之比]），這樣能使小號的字更容易閱讀。
延伸閱讀
Some of the advice here differs from ours. "Corpus 1em, nihil minor" —Bert Bos after Cato.
- Fonts in the CSS2 W3C Specification
- What's wrong with the FONT element? by Warren Steel
- Size Matters by Todd Fahrner
- Big Type Campaign by Lighthouse International
- Making Text Legible: Designing for People with Partial Sight by Aries Arditi
關於“優質小貼士”
The W3C 優質小貼士 是為網頁開發者和設計者提供的一些有用的小短文，由 W3C 的 Quality Assurance Interest Group 負責管理和輯寫。中文版由 ZDYX（張杜一雄）維護。
雖然這些小貼士都被小組成員認真審查過，但這只是我們向你提供的點滴技巧。請注意，它們 不能 被認為是 W3C 的技術規範。
學習更多的技巧，瞭解怎樣提交你自己的智慧點滴，以及閱讀其他的優質小貼士，盡在 小貼士索引。