font face的相容寫法

2021-09-13 22:41:22 字數 986 閱讀 7423

@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

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

字型轉換**:

font face的相容寫法

例如 font face 使用指定字型 test一 turetpe ttf 格式 ttf字型是windows和mac的最常見的字型,是一種raw格式,因此他不為 優化,支援這種字型的瀏覽器有 ie9 firefox3.5 chrome4 safari3 opera10 ios mobile safa...

相容Arc寫法

在最新版的xcode的iphone開發中,新增了objective c automatic reference count 功能,自動管理指標物件的記憶體管理,無需專門寫相應物件宣告autorelease,retain物件的釋放等等。arc forbids explicit message send...

js相容寫法

新增事件方法 addhandler function element,type,handler elseif element.attachevent else 移除之前新增的事件方法 removehandler function element,type,handler elseif element...