字型 font face使用方法

2021-08-18 13:36:11 字數 1160 閱讀 7321

字型@font-face

font-face使用方法:

@font-face;
屬性值:

font-family:設定文字的字型名稱;

font-style: 設定文字的樣式; 

屬性值:normal預設值 italic斜體 oblique傾斜體 inherit從父元素繼承

font-variant: 設定文字是否大小寫;

屬性值:normal預設值 small-caps使用小型大寫字母 inherit繼承父級元素

font-weight:設定文字的粗細;

屬性值:normal預設值 bold使用粗體 bolder更粗的字型 lighter使用更細的字型

100—900從細字型到粗的值必須是100的倍數,其中400等於normal,700等同於bold

font-stretch:設定文字是否橫向的拉伸變形;

屬性值:

normal正常文字的寬度

narrower把收縮比例設定為更進一步的收縮值

ultra-condensed比正常文字寬度窄4個基數

extra-condensed比正常文字寬度窄3個基數

condensed比正常文字的寬度窄2個基數

semi-condensed比正常文字的寬度窄1個基數

semi-expanded比正常文字的寬度寬1個基數

expanded比正常文字的寬度寬2個基數

extra-expanded比正常文字的寬度寬3個基數

ultra-expanded比正常文字的寬度寬4個基數

font-size:設定文字字型的大小;

src:設定自定義字型的相對路徑或者絕對路徑  注意:此屬性只能在@font-face規則內使用

在頁面上顯示伺服器端的字型

使用 font face載入字型

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

使用 font face定義web字型

font facefont family name 必需的。定義字型的名稱。srcurl font style normal italic oblique 可選。定義該字型應該是怎樣樣式。預設值是 正常 font weight normal bold 100200 300400 500600 700...

font face使用自己的字型

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