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