網(wǎng)頁中使用微軟雅黑字體(css調(diào)用微軟雅黑)

方法一:

.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后,會自動彈出提示。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容