標(biāo)簽（空格分隔）： CSS3

@font-face的是一個(gè)CSS規(guī)則，允許在網(wǎng)站上使用特定的字體，即使她在訪問(wèn)者的計(jì)算機(jī)上沒(méi)有安裝。

1 語(yǔ)法

@font-face { 
    font-family: 'YourWebFontName'; 
    src: url('YourWebFontName.eot'); /* IE9 Compat Modes */ 
    src: url('YourWebFontName.eot?#iefix')format('embedded-opentype'), /* IE6-IE8 */ 
         url('YourWebFontName.woff') format('woff'), /* Modern Browsers */ 
         url('YourWebFontName.ttf') format('truetype'), /* Safari, Android, iOS */ 
         url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */ 
    font-stretch: condensed;
    font-style: oblique;
    font-weight: bold;
}

font-family：指定自定義字體名稱(chēng)，在 css 中 font-family 屬性中使用字體名稱(chēng)應(yīng)用改字體。
url：指定字體文件路徑，
format： 指定自定義字體的格式,可能值為 truetype,opentype,truetype-aat,embedded-opentype,svg
font-stretch：定義字體拉伸
font-weight：定義字體粗細(xì)
font-style： 定義字體樣式，如斜體

2 網(wǎng)絡(luò)字體(Web font)文件格式

目前最主要的幾種網(wǎng)絡(luò)字體(web font)格式包括WOFF，SVG，EOT，OTF/TTF。

2.1 WOFF

WOFF是 Web Open Font Format 幾個(gè)詞的首字母簡(jiǎn)寫(xiě)。這種字體格式專(zhuān)門(mén)用于網(wǎng)上，由Mozilla聯(lián)合其它幾大組織共同開(kāi)發(fā)。由于使用了壓縮算法，WOFF字體通常比其它字體加載的要快些。所有的現(xiàn)代瀏覽器都開(kāi)始支持這種字體格式。

2.2 EOT

Embedded Open Type(eot)格式是IE專(zhuān)用字體，這種格式只在IE6 ～ IE8 里使用。

2.3 SVG / SVGZ

Scalable Vector Graphics (Font). SVG是一種用矢量圖格式改進(jìn)的字體格式，體積上比矢量圖更小，適合在手機(jī)設(shè)備上使用。只有iPhone上的Safari(4.1)之前的版本支持它。目前火狐、IE都不支持SVG字體格式?；鸷七t對(duì)SVG字體的支持，重點(diǎn)放在WOFF格式上。SVGZ是壓縮版的SVG。

2.4 TTF

TrueType Font 字體是Windows和Mac的最常見(jiàn)的字體，是一種RAW格式，因此他不為網(wǎng)站優(yōu)化,支持這種字體的瀏覽器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+

2.5 OTF

OpenType Font 字體被認(rèn)為是一種原始的字體格式，其內(nèi)置在TureType的基礎(chǔ)上，所以也提供了更多的功能,支持這種字體的瀏覽器有【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+】

3 瀏覽器支持

4 工具

1 獲取免費(fèi)英文字體 http://www.fontsquirrel.com
2 字體格式轉(zhuǎn)換工具 http://www.fontsquirrel.com/tools/webfont-generator
3 中文字體 http://www.youziku.com