@font-face

語法:

@font-face{font-family:name;src:<url>;sRules;}

取值:

<name>:
字體名稱
<url>
使用絕對或相對地址指定OpenType字體
<sRules>:
樣式表定義

說明:

設置嵌入HTML文檔的字體。
  • 通常使用.ttf(TrueType)和.otf(OpenType)兩種字體格式。
  • 嵌入HTML文檔的字體是指將OpenType字體(壓縮的TrueType字體)文件映射到客戶端系統,用來提供HTML文檔使用該字體,或取代客戶端系統已有的同名字體。即讓客戶端顯示客戶端所沒有安裝的字體。
  • 微软的IE5已经是开始支持这个属性,但是只支持微软自有的.eot(Embedded Open Type)格式,而其他浏览器直到现在都没有支持这一字体格式。Safari从3.1开始已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
版本 6.0-8.0 #1 4.0 5.1 13.0 11.50
版本 9.0-10.0 #2
  1. IE8及更早浏览器只支持微软自有的.eot(Embedded Open Type)格式。
  2. IE9.0-10.0部分支持ttf和otf字體格式。

示例: