font face的相容寫法

@font-face的相容寫法

@font-face

/*使用指定字型*/

.test

一、turetpe(.ttf)格式：

.ttf字型是windows和mac的最常見的字型，是一種raw格式，因此他不為**優化,支援這種字型的瀏覽器有【ie9+,firefox3.5+,chrome4+,safari3+,opera10+,ios mobile safari4.2+】；

二、opentype(.otf)格式：

.otf字型被認為是一種原始的字型格式，其內建在turetype的基礎上，所以也提供了更多的功能,支援這種字型的瀏覽器有【firefox3.5+,chrome4.0+,safari3.1+,opera10.0+,ios mobile safari4.2+】；

三、web open font format(.woff)格式：

.woff字型是web字型中最佳格式，他是乙個開放的truetype/opentype的壓縮版本，同時也支援元資料報的分離,支援這種字型的瀏覽器有【ie9+,firefox3.5+,chrome6+,safari3.6+,opera11.1+】；

四、embedded open type(.eot)格式：

.eot字型是ie專用字型，可以從truetype建立此格式字型,支援這種字型的瀏覽器有【ie4+】；

五、svg(.svg)格式：

.svg字型是基於svg字型渲染的一種格式,支援這種字型的瀏覽器有【chrome4+,safari3.1+,opera10.0+,ios mobile safari3.2+】。

這就意味著在**@font-face**中我們至少需要

.woff，.eot，

兩種格式字型，甚至還需要

.svg

等字型達到更多種瀏覽版本的支援。

字型轉換**：