網(wǎng)頁設計中最重要的細節(jié)之一——字體(4)

px：像素單位，10px 表示10個像素大小，在現(xiàn)在的網(wǎng)頁設計中，常被用來表示字體大小。很方便很直觀，但是有一些弊端。對于可用性不太友好，因為是“絕對”單位，所以有些瀏覽器（早期）的字體放大縮小功能失效。瀏覽器的默認字體大小為 16px ，早期的網(wǎng)頁，由于屏幕分辨率比較低，通常采用12px作為網(wǎng)頁正文的標準字體大小。但是在現(xiàn)在，感覺有點偏小，比較長的文章來說，瀏覽者看起來費勁?，F(xiàn)在我更主張使用 14px 作為標準字體，16px 作為中等字體，18px 作為較大字體，12px 作為偏小字體比較合適。

em：相對大小，它表示的字體大小不固定，根據(jù)基礎字體大小進行相對大小的處理。瀏覽器默認的字體大小為 16px，如果你對一段文字指定 1em，那么表現(xiàn)出來的就是 16px大小，2em 就是 32px 大小。相對大小單位有很廣泛的用途，由于它的相對性，所以對跨平臺跨設備的字體大小處理上有得天獨厚的優(yōu)勢，同時對于響應式的布局設計也有很大的幫助。但是缺點很明顯，你無法直觀的看到大小，而且對于不同的大小，你需要精確的計算。

字體實際表現(xiàn)出來的大小

上面只是說了兩種形容字體大小的單位，但實際上表現(xiàn)出來的字體大小，并非簡單的單位前面的數(shù)值。除了數(shù)值之外，潛行者m 個人認為還跟 設備 和 視距 有關。

設備就是指顯示設備的分辨率及屏幕大小，跟前面解釋 px 單位的相對性相同，如果在一塊非常大的分辨率非常低的屏幕（像廣場電子屏），即使很小的像素，也會展示出很大的字。這也就是為什么早期的 800×600 像素橫行的時候，大家都是用12px大小的原因。因為顯示的文字已經(jīng)夠大了。

視距就是指瀏覽者看文字的距離。很明顯的道理，眼睛距離屏幕越遠，看起來上面的文字就變小了。

所以在選擇網(wǎng)頁中字體大小的時候，還需要考慮你的用戶的實際使用習慣。同一個網(wǎng)頁，在筆記本上和在手機上使用的時候，字體大小就不應該相同，因為電腦屏幕大分辨率高，而且視距通常比較近而且固定，手機等屏幕小分辨率較低，視距更近（大家都喜歡躺著或者趴著玩手機啦），所以這些都要考慮，才能得到一個合理的大小。

為什么是偶數(shù)字體大小