標簽: 雜談 | 分類: 網(wǎng)頁技巧 |
天緣博客目前已支持雅黑字體顯示,這樣在Vista/Windows 7上會看起來更舒服點,問題雖小不過在測試時還是有些小的細節(jié)問題,這里總結一下,網(wǎng)頁字體顯示要求瀏覽者必須具有相應的本地字庫,才會正常顯示,否則將會按照系統(tǒng)默認的字體顯示,所以設計網(wǎng)頁就不得不考慮用戶體驗問題,雖然Vista/Windows 7已經發(fā)布并流行很久了,而Windows XP依然“東方不敗”,占據(jù)過半市場,宋體依然是各大中文門戶不二選擇的主要原因。
主流中文字體包括:微軟雅黑、宋體、黑體。相對其它那些琥珀、隸書等,前面提到的中文字體相對較為安全,對中文網(wǎng)站而言,宋體的適應性最強,黑體老二,微軟雅黑次之。
其它的新宋體、仿宋和楷體盡量不要用,對很多英文操作系統(tǒng)用戶,即時是加裝了中文語言包,也至多只有上面提到的六種中文字體(不算Adobe裝入字體)。
宋體在VISTA和Windows 7下顯示效果的卻不太好看,難怪很多VISTA老用戶對宋體如此反感,天緣自己用了一段時間Windows 7也比較認可雅黑似乎更好一點(雖然心底更傾向于傳統(tǒng)的宋體),感覺主要原因還是跟Windows 7的Clear Type有關(跟分辨率應該沒有關系,因為同樣分辨率換成XP系統(tǒng)一樣會顯示很好),對小字號的宋體處理并不好,實際上把字號調上去之后,宋體效果在Vista/Windows 7上一樣很好,可惜系統(tǒng)字體又是雅黑,這樣一搭配就變成不倫不類的“丑感”了。
天緣博客是個偏向技術類博客,文章本來就長,字體又不能改的太大,再大頁面就會更長,所以還是換成微軟雅黑了。
主流的英文字體包括:Verdana,Georgia,Courier New,sans-serif,Arial,Times New Roman,Impact
上面六種字體在英文站中算是用的最多的(天緣簡單調查了五六個英文站),也是比較安全的字體,在各瀏覽器上顯示統(tǒng)一性也比較好,此外,還可以使用Lucida Console,Lucida Sans Unicode,Tahoma,Impact,Lucida Grande,Helvetica等安全字體。
下圖是Dreamweaver CS5上推薦的英文字體,僅供參考:
在CSS中使用中文或拼音均可以,如果發(fā)現(xiàn)CSS精神錯亂,可以使用Unicode編碼代替(延伸閱讀:Unicode百科)。下表左側列字體是按照對應的字體名稱設置風格的,部分效果可能看不到應該是因為您的機子上缺少該字體或操作系統(tǒng)不支持。
中文名 | 英文名 | Unicode |
---|---|---|
Mac OS | ||
華文細黑 | STHeiti Light [STXihei] | \534E\6587\7EC6\9ED1 |
華文黑體 | STHeiti | \534E\6587\9ED1\4F53 |
華文楷體 | STKaiti | \534E\6587\6977\4F53 |
華文宋體 | STSong | \534E\6587\5B8B\4F53 |
華文仿宋 | STFangsong | \534E\6587\4EFF\5B8B |
麗黑 Pro | LiHei Pro Medium | \4E3D\9ED1 Pro |
麗宋 Pro | LiSong Pro Light | \4E3D\5B8B Pro |
蘋果麗中黑 | Apple LiGothic Medium | \82F9\679C\4E3D\4E2D\9ED1 |
蘋果麗細宋 | Apple LiSung Light | \82F9\679C\4E3D\7EC6\5B8B |
Windows | ||
黑體 | SimHei | \9ED1\4F53 |
宋體 | SimSun | \5B8B\4F53 |
新宋體 | NSimSun | \65B0\5B8B\4F53 |
仿宋 | FangSong | \4EFF\5B8B |
楷體 | KaiTi | \6977\4F53 |
仿宋_GB2312 | FangSong_GB2312 | \4EFF\5B8B_GB2312 |
楷體_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |
微軟正黑體 | Microsoft JhengHei | \5FAE\x8F6F\6B63\9ED1\4F53 |
微軟雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
本表格來源(節(jié)選):PRCSS
這個比較簡單,字體可以通過元素的style特性,還可以直接寫到CSS文件里,在JS里動態(tài)設置也可以(效果相同一般只做特殊用途),例如:
寫在元素的style特性里(示例):
<div style="font-family:Verdana, sans-serif">http://www.metsky.com</div>
寫在CSS風格文件里(示例):
body { margin:0; padding:0; font-family:Arial,"Microsoft YaHei",Simsun; }
注意:上述字體在使用時,如果是中文字體(或英文字體名超過一個單詞的字體)時,需使用雙引號擴起來,比如:font- family:Arial,"Microsoft YaHei","宋體";
1、使用黑體字體的字號建議不要小于18px,否則在1024×768分辨率下,黑體顯示會有些“變形”,不太美觀,再加粗的情況下會很丑(字號像素知識:知識百科:中文字號、磅和像素對照關系)。
2、在網(wǎng)頁設置可以把雅黑和宋體兩種字體全部寫上,似乎如果不設置宋體字體,可能在1280×800等寬屏分辨率下,使用Windows XP的用戶會對雅黑字體網(wǎng)站顯示模糊,天緣實測過調整平滑也沒效果,也可能測試的有問題(暫不確定)。
3、IE6及IE8的兼容模式似乎對類似Arial,"Microsoft YaHei","SimHei"這樣的組合標識認識有問題,單獨字體設置沒有問題。
4、感覺IE這么好的瀏覽器,被微軟越做越難用了,包括IE8,兼容性比起Firefox、Chrome、Opera等差遠了。
5、安全是相對的,不安全是絕對的。
聯(lián)系客服