@font-face語句是css中的一個功能模塊，用於實現網頁字體多樣性的模塊(設計者可隨意指定字體，不需要考慮瀏覽者電腦上是否安裝)。
@font-face文件
而由於網頁中使用的字體類型，也是各瀏覽器對字體類型有不同的支持規格。 字體格式類型主要有幾個大分類：TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。
-
TrueType
Windows和Mac系統最常用的字體格式，其最大的特點就是它是由一種數學模式來進行定義的基於輪廓技術的字體，這使得它們比基於矢量的字體更容易處理，保證了屏幕與打印輸出的一致性。同時，這類字體和矢量字體一樣可以隨意縮放、旋轉而不必擔心會出現鋸齒。
-
EOT– Embedded Open Type (.eot)
EOT是嵌入式字體，是微軟開發的技術。允許OpenType字體用@font-face嵌入到網頁並下載至瀏覽器渲染，存儲在臨時安裝文件夾下。
-
OpenType(.otf)
OpenType是微軟和Adobe共同開發的字體，微軟的IE瀏覽器全部采用這種字體。致力於替代TrueType字體。
-
WOFF–WebOpen Font Format (.woff)
WOFF（Web開發字體格式）是一種專門為了Web而設計的字體格式標准，實際上是對於TrueType/OpenType等字體格式的封裝，每個字體文件中含有字體以及針對字體的元數據（Metadata），字體文件被壓縮，以便於網絡傳輸。
-
SVG(Scalable Vector Graphics) Fonts (.svg)
SVG是由W3C制定的開放標准的圖形格式。SVG字體就是使用SVG技術來呈現字體，還有一種gzip壓縮格式的SVG字體。