網頁設計中字體在運用中的一些小技巧

常用字體

我們頁面的絕大部分內容字符都是中文，毫無疑問目前為止在網頁上最常用也是最通用的顯示中文的字體是宋體，但是宋體在顯示英文、數字和英文符號時過於糟糕。使用英文字體作為第一默認字體會導致的問題之一就是中英文以及符號混排時的對齊問題、通過設置行高和 hasLayout 能解決絕大部分情況，但是都不會很完美，如果把字體改成“宋體”能徹底的解決問題。很明顯，這個問題只出現在 IE 上。

不同操作系統上的字體

我們有時候為了能夠突出設計的不同效果，還會使用其他的字體。windows操作系統擁有40多種英文字體和5種中文字體。這些字體，你也可以在網頁裏自由使用和設置。凡是使用windows操作系統的瀏覽器都可以正確顯示這些字體，但在其它操作系統裏，如unix則不能完全正確顯示。網頁字體的樣式一共有四種：正常體(regular),斜體(Italic),粗體(Bold),粗斜體(Bold Italic)。

特殊字體或藝術字體

為了設計出比較炫的效果，我們通常會用到特殊的字體來體現出自己的設計風格，但是這種字體是用樣式調用不出來的，這種情況，我們只有將其做成圖片置入到網頁中了，網站不僅能保持設計時的美觀，而且還能讓所有人看到的頁面是同一效果。

瀏覽器默認的樣式

往往在不同的瀏覽器、不同的語言版本甚至不同的系統版本都有不同的設置，這就導致如果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致，於是就有了類似YUI的'reset之類用來儘量重寫瀏覽器的默認設置保證各個瀏覽器樣式一致性的做法。拿字體來説，各個瀏覽器默認的字體種類、字體大小和字體行高都不一樣，比如IE8的中文版在Windows XP下顯示網頁時默認字體是宋體，而英文版肯定不會如此。所以我們需要統一設置默認的字體樣式，以便實現一致的顯示效果來保證設計的一致性和提高開發效率。