網(wǎng)頁(yè)設計中字體在運用中的一些小技巧

網(wǎng)頁(yè)設計中字體在運用中的一些小技巧

常用字體

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

不同操作系統上的字體

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

特殊字體或藝術(shù)字體

為了設計出比較炫的效果，我們通常會(huì )用到特殊的字體來(lái)體現出自己的設計風(fēng)格，但是這種字體是用樣式調用不出來(lái)的，這種情況，我們只有將其做成圖片置入到網(wǎng)頁(yè)中了，網(wǎng)站不僅能保持設計時(shí)的美觀(guān)，而且還能讓所有人看到的頁(yè)面是同一效果。

瀏覽器默認的樣式

往往在不同的瀏覽器、不同的語(yǔ)言版本甚至不同的系統版本都有不同的設置，這就導致如果直接利用默認樣式的頁(yè)面在各個(gè)瀏覽器下顯示非常不一致，于是就有了類(lèi)似YUI的reset之類(lèi)用來(lái)盡量重寫(xiě)瀏覽器的默認設置保證各個(gè)瀏覽器樣式一致性的做法。拿字體來(lái)說(shuō)，各個(gè)瀏覽器默認的字體種類(lèi)、字體大小和字體行高都不一樣，比如IE8的中文版在Windows XP下顯示網(wǎng)頁(yè)時(shí)默認字體是宋體，而英文版肯定不會(huì )如此。所以我們需要統一設置默認的字體樣式，以便實(shí)現一致的顯示效果來(lái)保證設計的一致性和提高開(kāi)發(fā)效率。

[網(wǎng)頁(yè)設計中字體在運用中的一些小技巧]相關(guān)文章：

1.網(wǎng)頁(yè)設計中字體在運用中的一些小技巧

【網(wǎng)頁(yè)設計中字體在運用中的一些小技巧】相關(guān)文章：

動(dòng)畫(huà)設計中的色彩運用12-30

色彩在服裝設計中的運用論文04-21

色彩在服裝設計中的運用-個(gè)人禮儀07-07

職場(chǎng)中如何運用厚黑學(xué)07-11

演講中沉默藝術(shù)的運用04-04

服裝搭配中色彩的運用07-11

面試中如何運用情商05-30

演講中手勢的運用需自然06-02

字體的設計02-06

面試中的應對技巧07-11