相容性寫法：
@font-facewebkit/safari(3.2+)
truetype/opentype tt (.ttf) 、opentype ps (.otf)；
opera (10+)
truetype/opentype tt (.ttf) 、 opentype ps (.otf) 、 svg (.svg)；
internet explorer
自ie4開始，支援eot格式的字型檔案；ie9支援woff；
firefox(3.5+)
truetype/opentype tt (.ttf)、 opentype ps (.otf)、woff (since firefox 3.6)
google chrome
truetype/opentype tt (.ttf)、opentype ps (.otf)、woff since version 6
由上面可以得出：.eot + .ttf /.otf + svg + woff = 所有瀏覽器的完美支援
匯入字型：
例如：tool/fontface/
立即生成，解壓，放到相應專案檔案下
可把右圖的內容複製的css中即可（修改對應鏈結，我的字型都在font資料夾下）
@font-face完成1
使用 font face載入字型
使頁面顯示電腦沒有的字型 2.定義字型 font face3.引用字型 div wenzi瀏覽器支援 firefox chrome safari 以及 opera 支援 ttf true type fonts 和 otf opentype fonts 型別的字型。internet explorer ...
字型 font face使用方法
字型 font face font face使用方法 font face 屬性值 font family 設定文字的字型名稱 font style 設定文字的樣式 屬性值 normal預設值 italic斜體 oblique傾斜體 inherit從父元素繼承 font variant 設定文字是否大...
使用 font face定義web字型
font facefont family name 必需的。定義字型的名稱。srcurl font style normal italic oblique 可選。定義該字型應該是怎樣樣式。預設值是 正常 font weight normal bold 100200 300400 500600 700...