使用 font face定義web字型

2021-09-01 12:00:35 字數 772 閱讀 8687

@font-face
font-family

name

必需的。定義字型的名稱。

srcurl

font-style

normal

italic

oblique

可選。定義該字型應該是怎樣樣式。預設值是"正常"

font-weight

normal

bold

100200

300400

500600

700800

900可選。定義字型的粗細。預設值是"正常"

不同的瀏覽器對字型格式支援是不一致的

internet explorer 9, firefox, opera,chrome, 和 safari支援@font-face 規則.

但是, internet explorer 9 只支援 .eot 型別的字型, firefox, chrome, safari, 和 opera 支援 .ttf 與.otf 兩種型別字型.

注意:internet explorer 8 及更早ie版本不支援@font-face 規則.

也就是說使用@font-face我們至少需要.eot,.woff兩種格式字型,如果需要支援更多瀏覽器版本還需要使用.svg等字型。

@font-face
然後再用font-family引用字型就可以了

body

使用 font face載入字型

使頁面顯示電腦沒有的字型 2.定義字型 font face3.引用字型 div wenzi瀏覽器支援 firefox chrome safari 以及 opera 支援 ttf true type fonts 和 otf opentype fonts 型別的字型。internet explorer ...

字型 font face使用方法

字型 font face font face使用方法 font face 屬性值 font family 設定文字的字型名稱 font style 設定文字的樣式 屬性值 normal預設值 italic斜體 oblique傾斜體 inherit從父元素繼承 font variant 設定文字是否大...

font face使用自己的字型

font face使用自己的字型 瀏覽器支援 firefox chrome safari 以及 opera 支援 ttf true type fonts 和 otf opentype fonts 型別的字型。internet explorer 9 支援新的 font face 規則,但是僅支援 eo...