網頁中的字型的設定問題分析
設定全站的字型一直是一個簡單而又不簡單的事，因為深入下去，這裡面牽扯到太多的東西。下面是小編分享的網頁中的字型的設定問題分析，一起來看一下吧。
1、必備知識
首先，我們應該明確，並不是你設定了這種字型，使用者電腦便會以這種字型顯示。
如果使用者電腦沒有安裝這種字型，那麼它便會以你設定的第二種字型來渲染。看一個常見設定
XML/HTML Code
font-family:tahoma,arial,'Hiragino Sans GB',5b8b4f53,sans-serif; /* 其中5b8b4f53是宋體的意思，用這種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 字型。而對於中文，每個漢字都是等寬的。
2、該怎麼設定字型
看過了上面的必備知識，想必對字型有了稍微系統點的認識了。
那麼如何設定網站字型呢？
有人習慣用宋體、arail或者tahoma作為第一字型。但是，這裡面有個很大的問題，對於字號大一點的字型（16px以上的），渲染出來是 相當的難看。不過我電腦上使用了windows下優化字型的東西，就無法給大家展示了。總之，對於大號字型，用這種的設定挺難看的。
那麼有人說微軟雅黑在字型大的時候挺好看的。全部設定微軟雅黑怎麼樣？
這裡有個很大的問題，雅黑是windows vista才有的，對於佔有率為65%+的xp使用者來說，你設定了雅黑等於沒寫。他們還是用宋體啊什麼的渲染的。除了你自我安慰或者應付 BOSS（BOSS一般都會趕潮流用windows 7以上）。對大部分使用者來說真的沒用。而且微軟雅黑在渲染12px字型時並沒有宋體它們來得好。
所以，關於如何設定字型，我覺得應該根據實際業務和情況來具體設定。
3、結論
經過上述的分析，我總結了一個我覺得挺好的設定方法
1: 綜合最優
全站字型設定如下
XML/HTML Code
font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;
然後對於大的重要的字型（例如導航）使用圖片來處理。因為用圖片後，你就不用糾結使用者是否裝了這個字型的問題了，而且可以做的更漂亮，更多的擴充套件性與可能性。
2: 效能最好
全站字型還是
XML/HTML Code
font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;
然後對於大的字型（這裡就不管重不重要了）。單獨來設定
XML/HTML Code
font-family:Microsoft YaHei;
這種設定可以讓前端省挺多事，不過會有很多xp的使用者會被大號字型給醜到。
3: 最省事方案
直接
XML/HTML Code
font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;
或者
XML/HTML Code
font-family:Microsoft YaHei,Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;
雖然有可能渲染大字型不漂亮，雖然雅黑渲染小字型不清晰。but，有什麼關係呢。
