5. 使用 @Font-Face 實(shí)現(xiàn)定制字體
Web 設(shè)計(jì)中有幾種字體是比較安全的，如 Arial,Helvetica, Verdana, Georgia, Comic Sans （中文的，一般來(lái)說(shuō)宋體是唯一安全的 – 譯者），現(xiàn)在，使用 CSS3 的 @font-face 可以自己指定字體，不過(guò)因?yàn)闋砍兜桨鏅?quán)問(wèn)題，實(shí)際能用的字體也是有限的 (另外，體積龐大的中文字體也是一個(gè)不好解決的問(wèn)題 – 譯者)。
語(yǔ)法如下: @font-face {
font-family:'Anivers';
src: url('/images/Anivers.otf') format('opentype');
}
請(qǐng)參閱：
雖然 CSS3 尚在開(kāi)發(fā)中，上面提到的這些功能已經(jīng)可以在部分瀏覽器中使用了，尤其是 Safari。不幸的是，Safari 并非主流瀏覽器。
Firefox 目前擁有大量用戶基礎(chǔ)，另外，即將推出的 Firefox 3.1 支持不少 CSS3 效果，因?yàn)?Firefox 用戶的升級(jí)積極性很高，因此，會(huì)有不少用戶可以提前體驗(yàn) CSS3 的新功能。
Google Chrome 今年剛剛發(fā)布，它基于 Webkit 引擎，因此和 Safari 很相似，因?yàn)?Safari 主要用于 Mac 市場(chǎng)，Chrome 可以正好彌補(bǔ) Windows 市場(chǎng)的空缺。
根據(jù)統(tǒng)計(jì)數(shù)據(jù)，2008 年11月止，44.2% 的用戶使用 Firefox, 3.1% 使用 Chrome, 2.7% 使用 Safari，意味著 CSS3 的部分功能已經(jīng)可以支持近半 Internet 用戶，而在 Web 設(shè)計(jì)圈子，這個(gè)比例可能更高，大約有 73.6% （Blog.SpoonGraphics 提供的數(shù)據(jù)）
6. 負(fù)面因素
上面講述的這些 CSS3 功能會(huì)給你的網(wǎng)站帶來(lái)出色的效果，但仍有一些負(fù)面的因素必須考慮：
- Internet Explorer: 46% 的 Internet 無(wú)法看到這些效果，因此不要將這些東西用于重要的設(shè)計(jì)。同時(shí)保證，在這些效果不起作用的地方，有替代設(shè)計(jì)可用。
- CSS 驗(yàn)證問(wèn)題: 這些 CSS3 功能并非最終版本，目前不同的瀏覽器使用不同標(biāo)簽實(shí)現(xiàn)這些功能，可能為你的 Style Sheet 帶來(lái)驗(yàn)證上的問(wèn)題。
- 臃腫代碼: 因?yàn)椴煌瑸g覽器要使用不同定義語(yǔ)法，最終將導(dǎo)致你的 CSS 代碼十分臃腫。
- 不當(dāng)?shù)氖褂?/strong>: 對(duì)這些效果的不當(dāng)使用，可能帶來(lái)一些不良后果，陰影效果尤其如此。
英文原文：Push Your Web Design Into The Future With CSS3
中文翻譯：comsharp
本文鏈接：http://m.95time.cn/tech/web/2010/7365.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) CSS3+HTML5 實(shí)現(xiàn)未來(lái)Web設(shè)計(jì) [2] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 3 頁(yè) CSS3+HTML5 實(shí)現(xiàn)未來(lái)Web設(shè)計(jì) [3]
