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’);
}
支持的瀏覽器: Firefox 3.1, Safari, Opera 10 and IE7 (需要一番周折,如果你不怕麻煩,可以在 IE 實(shí)現(xiàn)這個(gè)功能,請(qǐng)參考: make font-face work in IE )
雖然 CSS3 尚在開發(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ù)氖褂? 對(duì)這些效果的不當(dāng)使用,可能帶來(lái)一些不良后果,陰影效果尤其如此。