設置全站的字體一直是一個簡單而又不簡單的事,因為深入下去,這裡面牽扯到太多的東西。本文主要是想說說對於一個普通的網站,如何根據自己的需求選擇字體。1、必備知識首先,我們應該明確,並不是你設置了這種字體,用戶電腦便會以這種字體顯示。如果用戶電腦沒有安裝這種字體,那麼它便會以你設置的第二種字體來渲染。看...
設置全站的字體一直是一個簡單而又不簡單的事,因為深入下去,這裡面牽扯到太多的東西。
本文主要是想說說對於一個普通的網站,如何根據自己的需求選擇字體。 1、必備知識 首先,我們應該明確,並不是你設置了這種字體,用戶電腦便會以這種字體顯示。 如果用戶電腦沒有安裝這種字體,那麼它便會以你設置的第二種字體來渲染。看一個常見設置font-family:tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif; /* 其中\5b8b\4f53是宋體的意思,用這種Unicode編碼可以相容全部瀏覽器 */上述的代碼,如果在沒有tahoma字體的機器上設置,那麼該機器會以arial字體渲染。如果也沒有,那麼便用後一種。直到你指定的字體都沒有,那麼便會使用sans-serif字體族中的一款字體。 然後,我們應該講講sans-serif是什麼。 sans-serif是無襯線字體的意思,並不是一種字體,而是一類字體的統稱。 相應的,serif就是用襯線字體的意思。 (解釋下:襯線就是字體上的很小的修飾,具體可以百度,跟本文關係並不大,就不展開講了。) 關於常見字體族,這裡整理下:
- serif:帶襯線字體。Times New Roman 是預設的 serif 字體,中文字體的話,是宋體、仿宋之類的字體。
- sans serif:無襯線字體。Arial 是預設的 sans-serif 字體,中文字體中,微軟雅黑、黑體等都是這類字體,英文字體包括Helvetica、Geneva或Verdana等。
- monospace:等寬字體。這個字體裡面的每個字母都有相同的寬度。通常用於顯示程式代碼等,Courier 是預設的 monospace 字體。而對於中文,每個漢字都是等寬的。
font-family:Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;然後對於大的重要的字體(例如導航)使用圖片來處理。因為用圖片後,你就不用糾結用戶是否裝了這個字體的問題了,而且可以做的更漂亮,更多的擴展性與可能性。 2: 性能最好 全站字體還是
font-family:Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;然後對於大的字體(這裡就不管重不重要了)。單獨來設置
font-family:Microsoft YaHei;這種設置可以讓前端省挺多事,不過會有很多xp的用戶會被大號字體給醜到。 3: 最省事方案 直接
font-family:Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;或者
font-family:Microsoft YaHei,Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;雖然有可能渲染大字體不漂亮,雖然雅黑渲染小字體不清晰。but,有什麼關係呢。 最後,本文所講都是關於普通國內網站,如果要考慮英文,各個系統等。那麼這裡面可以研究的東西就更多了。