|
最常用的文字大概有三種：宋體, Arial, Tahoma，其中中文環(huán)境下瀏覽器默認(rèn)的就是“宋體”。當(dāng)中英文和數(shù)字并存時，因為很多不可避免的因素，顯示效果的美觀上會有很多問題。
我覺得中文“宋體”的英文效果不好看，國際流行的英文“Arial, Tahoma”效果要好很多，但Arial, Tahoma之間14px以下差別并不大，只不過Tahoma要稍微寬一些，我個人比較喜歡Arial，因為Tahoma的中文下劃線緊貼文字，很不美觀。中文宋體能清晰顯示的最小Size是12px，當(dāng)我定義全局{font:12px Arial;}時，效果很好，唯一不足的是英文和數(shù)字稍微有些大。
不僅字體本身有差別，不同客戶端環(huán)境下效果也有差別，這是綜合“宋體, Arial, Tahoma”效果對比。
點擊上圖瀏覽大圖
通過輔助線可以看到細(xì)微差別。
點擊上圖瀏覽大圖
宋體
2個11px數(shù)字與1個12px中文字等寬
12px數(shù)字與字母寬度相等
12px不同字母之間寬度相等
12px相同字母大小寫之間寬度相等
Arial & Tahoma
2個11px數(shù)字與1個12px中文字等寬
11px, 12px不同字母之間寬度不等
11px, 12px相同字母大小寫之間寬度不等
可以對比得出：中文“宋體 12px”和英文“Arial & Tahoma 11px”效果最佳。
如何用Css把中文和英文自動識別并分開定義呢？經(jīng)過測試定義英文字體{font-size:11px;}，IE6環(huán)境下中文顯示并不受影響，F(xiàn)F1.6下的中文則是嚴(yán)格并不清晰的11px，于是在考慮滿足大量IE用戶的前提下，我想了個辦法來最大程度滿足美觀度：
*html * { font-size:11px;}
不過顯然，中英文、數(shù)字字節(jié)寬度混合處理上，中文字體“宋體”是最好的。
效果演示： Demo
出處：藍(lán)色理想
責(zé)任編輯：moby
|
