CSS 中使用者自定義字型 font face

2022-06-09 14:33:14 字數 876 閱讀 2751

@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...