5. 使用 @Font-Face 實(shí)現(xiàn)定制字體

Web 設(shè)計(jì)中有幾種字體是比較安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般來說宋體是唯一安全的 - 譯者),現(xiàn)在,使用 CSS3 的 @font-face 可以自己指定字體,不過因?yàn)闋砍兜桨鏅?quán)問題,實(shí)際能用的字體也是有限的 (另外,體積龐大的中文字體也是一個(gè)不好解決的問題 - 譯者)。
語法如下:
@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è)功能,請參考: 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 市場,Chrome 可以正好彌補(bǔ) Windows 市場的空缺。
根據(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頁,當(dāng)前在第 5頁 1 2 3 4 5 6 |