7.24日音訊,解決客戶端無設(shè)計(jì)的字體的方法。有時(shí)設(shè)計(jì)師根據(jù)需要用了一些好看的字體,但這些字體在服務(wù)器端沒有安裝是沒有辦法讓客戶看到的,因?yàn)闉g覽操作是在客戶端,客戶端要裝該字體才可以。不過目前我們可以用動(dòng)態(tài)字體方案,微軟有工具可以制作,到其網(wǎng)站上查一下。但是對(duì)于中文字體,下載量太大了,不適合。英文字體的話,還是不錯(cuò)的。
@font-face版本:CSS2兼容性:IE4+
語(yǔ)法:@font-face{font-family:name;src:url(url);sRules}
取值:
name:字體名稱。任何可能的font-family屬性的值
url(url):使用絕對(duì)或相對(duì)url地址指定OpenType字體文件
sRules:樣式表定義
說明:
設(shè)置嵌入HTML文檔的字體。此規(guī)則無默認(rèn)值。
此規(guī)則使你能夠在網(wǎng)頁(yè)上使用客戶端本地系統(tǒng)上可能沒有的字體。url地址必須指向OpenType字體文件(.eot或.ote)。此文件包含可以轉(zhuǎn)換為TrueType字體的壓縮字體數(shù)據(jù),可以用來提供HTML文檔使用該字體,或取代客戶端系統(tǒng)已有的同名字體。此文件可以使用MicrosoftWEFT工具制作。
示例:
復(fù)制代碼代碼如下:
@font-face{font-family:comic;src:url(../some_font_file.eot);}
@font-face{font-family:dreamy;font-weight:bold;src:url(/font.eot);}