css如何導入特殊字型

使用您需要的字型

在新的 @font-face 規則中，您必須首先定義字型的名稱（比如 myFirstFont），然後指向該字型檔案。

	提示：URL請使用小寫字母的字型，大寫字母在IE中會産生意外的結果

如需為 HTML 元素使用字型，請通過 font-family 屬性來引用字型的名稱 (myFirstFont)：

執行個體

<style> 

@font-face

{

font-family: myFirstFont;

src: url(sansation_light.woff);

}

div

{

font-family:myFirstFont;

}

</style>

如何設定全局字型：

 @font-face{          font-family： "Hiragino sans GB W3";          src: url('../font/font.ttf');  }

html,body,div,span,h1,h2,h3,h4,h5,h6,p{       font:  normal  16px   "Hiragino sans GB W3",sans-serif;       vertical-align:baseline;       outline:none;       box-sizing:border-box; }       

使用粗體文本

您必須添加另一個包含粗體文字的@font-face規則：

執行個體

@font-face

{

font-family: myFirstFont;

src: url(sansation_bold.woff);

font-weight:bold;

}

該檔案"Sansation_Bold.ttf"是另一種字型檔案，包含Sansation字型的粗體字。

浏覽器使用這一文本的字型系列"myFirstFont"時應該呈現為粗體。

這樣你就可以有許多相同的字型@font-face的規則。

CSS3 字型描述

下表列出了所有的字型描述和裡面的@font-face規則定義：

描述符	值	描述
font-family	name	必需。規定字型的名稱。
src	URL	必需。定義字型檔案的 URL。
font-stretch	normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-expanded	可選。定義如何拉伸字型。預設是 "normal"。
font-style	normal italic oblique	可選。定義字型的樣式。預設是 "normal"。
font-weight	normal bold 100 200 300 400 500 600 700 800 900	可選。定義字型的粗細。預設是 "normal"。
unicode-range	unicode-range	可選。定義字型支援的 UNICODE 字元範圍。預設是 "U+0-10FFFF"。