武林網(www.49028c.com)文章簡介:我們頁面的絕大部分內容字符都是中文,毫無疑問目前為止在網頁上最常用也是最通用的顯示中文的字體是宋體,但是宋體在顯示英文、數字和英文符號時過于糟糕,比如字符,所以我們一般期望通過CSS來實現用更好的字體樣式來顯示它們,然后用宋體來顯示中文和中文符號
秦歌(YanKaven) 的站點:
默認Web字體樣式
通常用戶看到的頁面的樣式會受到三層控制,第一層是瀏覽器的默認樣式,第二層是網頁定義樣式,第三層是用戶自定義樣式。和CSS一樣,后面的優先級高于前面的,也就是說網頁定義樣式可以覆蓋瀏覽器的默認樣式,而用戶自定義樣式優先級最高。實際情況是雖然瀏覽器都或多或少提供了用戶自定義樣式的功能,但是極少數會有用戶去自定義,一般用也是高級用戶。而瀏覽器默認的樣式往往在不同的瀏覽器、不同的語言版本甚至不同的系統版本都有不同的設置,這就導致如果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致,于是就有了類似YUI的reset之類用來盡量重寫瀏覽器的默認設置保證各個瀏覽器樣式一致性的做法。
拿字體來說,各個瀏覽器默認的字體種類、字體大小和字體行高都不一樣,比如IE8的中文版在Windows XP下顯示網頁時默認字體是宋體,而英文版肯定不會如此。所以我們需要統一設置默認的字體樣式,以便實現一致的顯示效果來保證設計的一致性和提高開發效率。
以后準備使用如下默認字體樣式:
body{ font: 12px/1.5 arial;}字體:arial我們頁面的絕大部分內容字符都是中文,毫無疑問目前為止在網頁上最常用也是最通用的顯示中文的字體是宋體,但是宋體在顯示英文、數字和英文符號時過于糟糕,比如©字符,所以我們一般期望通過CSS來實現用更好的字體樣式來顯示它們,然后用宋體來顯示中文和中文符號。之所以選擇arial是因為:
使用英文字體作為第一默認字體會導致的問題之一就是中英文以及符號混排時的對齊問題、通過設置行高和hasLayout能解決絕大部分情況,但是都不會很完美,如果把字體改成“宋體”能徹底的解決問題。很明顯,這個問題只出現在IE上。所以,如果你的網站很少使用英文、數字和英文符號,那么直接設置{font-family:/5b8b/4f53;}也是很合理的選擇。
大?。?2px行高:1.5倍性能和效率未來最后推薦一下玉伯的《再談 Web 默認字體》
新聞熱點
疑難解答