近期在做需求時，發現設計師對瀏覽器的字體表現效果不滿意。如微軟雅黑的加粗效果，以致于一般采用圖片進行替換。 局部采用圖片替換文字，對于重構的開發量會加大，后期維護起來也相對復雜，對頁面加載的時間也有影響，好吧，這些都是借口，設計和產品是不會聽的。 我們從另一個角度看這個問題吧。

五條簡單的規則

1、長文本使用標準字號。用戶不想點擊“放大”、“縮小”按鈕，也不想更改瀏覽器的設置。用戶想馬上就開始閱讀，希望你能適應我的設置，而不是反過來讓我更改設置來適應你；

2、主動留白。在文本周圍留出足夠的空間可以減少閱讀時的壓迫感，因為這樣讀者更容易將焦點集中在內容本身；

3、友好的行高。HTML的默認行高過小。如果你增加一些行高，文字會更具易讀性。140%標準行高是一個不錯的標準；

4、鮮明的色彩對比。這一點我覺得沒必要多做贅述了，但過于強烈的對比（純黑純白）也不合適，因為這樣看上去會使人感到文字在閃爍。一個建議的標準是：背景顏色#fff，文字顏色#333；

5、別把文字做成圖片。在進行閱讀的時候，我希望能夠搜索、復制和保存文字，并使用光標來進行標記。把文字做成圖片看起來很美觀，但是美觀并不是網頁所要的全部。

網頁是用來進行交流和信息傳達的，而信息需要具有良好的可讀性、可用性、可伸縮性，方便進行引用和分享。