方法一:
.selector?{font-family:"Microsoft YaHei",微軟雅黑,"Microsoft JhengHei",華文細(xì)黑,STHeiti,MingLiu}
之所以加上中文名“微軟雅黑”是為了兼容opera。Microsoft JhengHei為微軟正黑體,STHeiti為華文黑體
方法二:
在css手冊中,有這么一個解釋:
@font-face { font-family : name ; src : url( url ) ; sRules }
說明:
name : 字體名稱
url : 使用絕對或相對地址指定OpenType字體
sRules : 樣式表定義
設(shè)置嵌入HTML文檔的字體。
嵌入HTML文檔的字體是指將OpenType字體(壓縮的TrueType字體)文件映射到客戶端系統(tǒng),用來提供HTML文檔使用該字體,或取代客戶端系統(tǒng)已有的同名字體。
url 地址必須指向 OpenType 字體文件(.eot或.ote)。此文件包含可以轉(zhuǎn)換為 TrueType 字體的壓縮字體數(shù)據(jù),可以用來提供HTML文檔使用該字體,或取代客戶端系統(tǒng)已有的同名字體。此文件可以使用 Microsoft WEFT 工具制作。
這樣,我們需要微軟的WEFT工具來完成。
Microsoft WEFT工具說明頁
http://www.microsoft.com/typography/web/embedding/weft3/
Microsoft WEFT 工具下載地址(點擊下載)
http://download.microsoft.com/download/8/a/1/8a1be03f-f7fc-4504-af9a-7b9230775284/WEFTIII2b1.exe
字體嵌入演示
http://www.microsoft.com/typography/web/embedding/demos/10/demo10.htm
使用教程(E文)
http://www.microsoft.com/typography/web/embedding/weft3/tutorial.aspx
簡單說明一下: 先新建一個htm空文檔,然后打開WEFT,根據(jù)向?qū)?,添加剛才新建的htm文件
然后下一步,會提示程序?qū)⒎治鱿到y(tǒng)字體,此時不要勾選skip analysis,繼續(xù)下一步,等程序掃描完畢,出現(xiàn)一個對話框,此時先不著急下一步,點"Add"按鈕,選擇一個需要制作的字體,只有TrueType的字體可以被制作,選好后下一步。 接著選擇,生成的ETO字體文件的保存位置 下面這個選框比較重要,第一次就是因為沒弄清楚,導(dǎo)致無效。這里要輸入字體允許被使用在哪些站點內(nèi)。這個地方建議輸入兩個域名,一個是:http://127.0.0.1,做為本機(jī)測試用,另一個是自己的站點的地址,如:http://www.imagecode.net,設(shè)置好后,再下一步直到完成。 這樣還不算完,找到生成好的EOT文件,放在網(wǎng)站目錄里,在需要使用這個字體的頁面里,按照下面的方法操作。
Test Page
@font-face {
font-family: myfont;
font-style: normal;
src: url(ARIAL0.eot); }
-->
測試文字
最后要注意的是在@font-face的時候,font-family最好自己定義一個字體名稱,不要跟本機(jī)的字體名稱一致。否則在的時候,如果EOT字體加載失敗,有可能會使用系統(tǒng)字體來顯示,這樣自己就無法判斷是否CSS字體加載成功。其實,字體是否加載成功,在安裝了WEFT后,會自動彈出提示。