網(wǎng)頁(yè)上的特殊字體經(jīng)常應(yīng)用在青島網(wǎng)站建設(shè)中，通常設(shè)計(jì)師會(huì)采用圖片方式，但是使用圖片通常會(huì)增加網(wǎng)頁(yè)加載的負(fù)擔(dān)，現(xiàn)在有了新方法，采用網(wǎng)頁(yè)嵌入特殊字體方式。如下：

比較驚奇的是在css解析上一直處于劣勢(shì)的IE瀏覽器，卻從ie6開始就已經(jīng)支持類型為.eot的網(wǎng)絡(luò)字體。也正因?yàn)槿绱?，使得網(wǎng)絡(luò)字體在某些場(chǎng)合已經(jīng)可以投入使用，雖然在龐大的漢字字庫(kù)下還略顯雞肋。

w3c終于把網(wǎng)絡(luò)字體納入議事日程，并在css3中正式出臺(tái)@font-face屬性。

網(wǎng)絡(luò)字體的基本用法
如下，兼容新版本chrome、firefox等瀏覽器，當(dāng)然還有IE：

@font-face {
 font-family: 'jubailan';
 src: url('font/jubailan.eot');
 src: url('font/jubailan.ttf') format('truetype');
}

.font {
 font-family: jubailan;
 font-size: 26px;
}
效果如下（某不知名手寫英文字體+方正黃草簡(jiǎn)體）：
Jubailan 橘白婪ABcDeFGHiJ…

@font-face定義字體，font-family為定義字體的名稱可以隨便寫，src為字體文件路徑，.font中的font-family調(diào)用剛才定義的名稱為jubailan的字體.

eot字體用于微軟的IE瀏覽器，TTF字體用于Chrome、FireFox、Opera、Safari（pc）瀏覽器。

可能你可能會(huì)擔(dān)心這樣寫會(huì)不會(huì)導(dǎo)致IE瀏覽器也去下載.TTF的字體，其實(shí)不會(huì)，轉(zhuǎn)包的結(jié)果顯示IE瀏覽器只發(fā)出EOT文件的請(qǐng)求，Chrome等瀏覽器則只發(fā)出TTF文件的請(qǐng)求，如下圖：

IE只有主頁(yè)面和EOT字體的請(qǐng)求

關(guān)于TTF字體轉(zhuǎn)EOT格式（如何生成eot文件 ？）

微軟的WEFT就免了，這個(gè)網(wǎng)站能在線轉(zhuǎn)（包含漢字時(shí)注意Subsetting的Custom選項(xiàng)）：
http://www.fontsquirrel.com/fontface/generator

或者下載這個(gè)TTF2EOT的命令行程序：
http://code.google.com/p/ttf2eot/downloads/list

當(dāng)漢字字庫(kù)很大的時(shí)候，可以在第一個(gè)地址的Custom選項(xiàng)的Single Characters欄中填入需要的文字，其余的部分將被忽略。也可以使用FontCreator把ttf字體中不必要的圖元?jiǎng)h除，再轉(zhuǎn)成eot格式。