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