當心字體尺寸
當心字體尺寸
在設計者中有一種趨向,認為小字體使網頁有一個時髦的外觀和為每一頁的內容提供更多的空間,往往導致不合理的小字體的濫用。
不幸的是,這與訪問網頁的各種不同的平台,從小螢幕的便攜式設備到掛在電腦上的投影設備,並不相配。甚至在指定了平台內,字體設置也可能不同。
這裡的問題是一個基本的可用性和易用性的議題:好的設計應該不需要使用者加大或者減小文字尺寸。
實務推薦
忘掉<font>,使用CSS
展示在網頁中的文字尺寸設置的正確,新式的方法是使用CSS。強烈推薦你在HTML中結束使用<font>元素,因為CSS更為靈活,更容易維護和節省頻寬。這條技巧的本意不是討論CSS對決<font>標籤的好處,讀者想了解這個議題更具體的情況可以通過你們喜歡的網頁搜索引擎檢索相關的信息……我們更注重CSS技術的良好使用,以便建立易讀的網頁。
CSS的字體屬性的良好使用
下面是使用CSS的字體屬性的一些基本規則,你應該按照以下順序來建立一個容易(足夠)讀取的網頁。
- 不要在font-size中使用pt,或者其他絕對的長度單位。他們在交叉的平台上並不一致,而且也不能被用戶端(比如瀏覽器)調整大小。
- 使用相對的長度單位比如百分比或者(更好的)em,又或,更加好的,設置該文檔一個基準的字體尺寸,當為文件其他部分的元素定義字體尺寸時,使用絕對尺寸([ xx-small | x-small | small | medium | large | x-large | xx-large ])或者相對尺寸([ larger | smaller ])。
- 使用em作單位的時候,避免主體文字裡的字體尺寸小於1em,除了版權聲明或者其他“友善列印”的類型。
- 如果非要使用了小的font-size,挑選一個清晰可辯的,附加外觀值(具體解釋請參看CSS2規範的font-size-adjust部分)的font-family,這樣可以讓一個過小尺寸的字體可以辨認。
- 在font-family屬性裡使用了許多字體供選擇的話(為了讓系統在能列表中選擇可選擇的最佳字體),你可以使用font-size-adjust屬性來強制一個指定的外觀值。