@font-face 允許網頁中使用自定義的字型,這些自定義的字型被放置在伺服器上,從而讓網頁擺脫對訪問者計算機上字型環境的依賴。
簡單的說,有了@font-face,只需將字型上傳到伺服器端,無論訪問者計算機上是否安裝該字型,網頁都能夠正確的顯示。
@font-face 的語法規則如下,
@font-face
font-family 屬性用來指定字型的名稱 (必須)。
source 屬性用來指定字型檔案的存放路徑,可以是相對路徑或絕對路徑 (必須)。
formart 屬性用來指定字型的格式,支援 ttf,otf,wotf,eot,svg 等格式 (可選)。
font-style 屬性用來指定字型風格,比如斜體 oblique 或 italic,預設為 normal (可選)。
font-weight 屬性用來指定字型的粗細,比如 bold, 預設為 normal (可選)。
舉例如下:
/*user defined font
*/@font-face @font-face @font-face @font-face
使用時,可以對大部分元素設定乙個公共字型,例如,
body, button, input, select, textarea
然後對個別元素,設定其他字型,例如,
.header-box > ul.lf > li > a
對於預設有粗體的元素,例如 h1, h2, 等,需要明確指定使用自定義粗體,例如,
h1, h2, h3, h4
本文大部分內容來自於網友部落格:
@font-face 的基本語法規則可參考:
CSS自定義字型
css 允許自定義字型庫的乙個屬性 font face 自定義字型資訊 format 指定自定義的字型的格式 指定字型的路徑和字型格式 src url fonts icomoon.eot eot 相容ie4以上的字型格式 turetype ttf 格式 ie9以上,firefox opentype ...
CSS3自定義字型
原文摘自 總節 1 定義字型標準格式 1 font face yourwebfontname 字型名稱 url yourwebfontname.eot 字型在伺服器上的相對路徑或絕對路徑 要求盡可能的上傳ttf eot woff svg字型,並顯示表明相應格式,比如 format embedded ...
mapreduce中使用者自定義資料型別
該部落格已經完全轉移到 中並增加更多新的技術內容 hadoop為 mapreduce中使用者自定義資料型別 hadoop內建的資料型別 booleanwritable bytewritable doublewritable floatwritable intwritable longwritable...