使用@font-face調(diào)用服務(wù)器端字體的代碼,我們先來看看css2手冊中是怎么定義的:
以下是代碼片段:
語法:
復制代碼代碼如下:
@font-face { font-family : name ; src : url( url ) ; sRules }
說明:
name : 字體名稱
url : 使用絕對或相對地址指定OpenType字體
sRules : 樣式表定義
設(shè)置嵌入HTML文檔的字體。
嵌入HTML文檔的字體是指將OpenType字體(壓縮的TrueType字體)文件映射到客戶端系統(tǒng),用來提供HTML文檔使用該字體,或取代客戶端系統(tǒng)已有的同名字體。
示例:
復制代碼代碼如下:
@font-face { font-family: dreamy; font-weight: bold; src: url(<a href=”http://www.aa.com/font.eot”>http://www.aa.com/font.eot</a>); }
上面的字體地址要換成你自己的。
Web 設(shè)計中有幾種字體是比較安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般來說宋體是唯一安全的 – 譯者),現(xiàn)在,使用 CSS2 的 @font-face 可以自己指定字體,不過因為牽扯到版權(quán)問題,實際能用的字體也是有限的 (另外,體積龐大的中文字體也是一個不好解決的問題 – 譯者)。
url 地址必須指向 OpenType 字體文件(.eot或.ote)。此文件包含可以 轉(zhuǎn)換為 TrueType 字體的壓縮字體數(shù)據(jù),可以用來提供HTML文檔使用該字體,或取代客戶端系統(tǒng)已有的同名字體。此文件可以使 用 Microsoft WEFT 工具制作。
新聞熱點
疑難解答