CSS 中的自定義字型模組 font face

2021-08-15 08:00:31 字數 971 閱讀 6618

針對web頁面開發過程中的自定義字型需求,會用到css中的@font-face模組。下面是@font-face的語法規則。

@font-face
其中方括號內的屬性是可選屬性,屬性有多個取值,用來描述此引用字型的格式,幫助瀏覽器識別(瀏覽器相容性問題),其取值有以下幾種:

1.turetype | .ttf

windows和mac中最常見的字型格式,它是用一種raw格式

(未經處理)

,所以未針對瀏覽器優化。

被認為是一種原始的字型格式,其內建在turetype的基礎上,所以也提供了更多的功能。

web字型中最佳格式,開放的truetype/opentype的壓縮版本,支援元資料報分離。

ie專用字型,可以從truetype建立此格式字型。

基於svg字型渲染的一種格式。

相容的寫法如下:

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

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

font face 允許網頁中使用自定義的字型,這些自定義的字型被放置在伺服器上,從而讓網頁擺脫對訪問者計算機上字型環境的依賴。簡單的說,有了 font face,只需將字型上傳到伺服器端,無論訪問者計算機上是否安裝該字型,網頁都能夠正確的顯示。font face 的語法規則如下,font face...