⑴ css怎麼調用外部字體
CSS中可以使用font-face屬性即可實現調用任何外部等特殊字體。
font-face屬性介紹及其實例:
對瀏覽器的支持:
Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 類型的字體。
Internet Explorer 9+ 支持新的 font-face 規則,但是僅支持 .eot 類型的字體 (Embedded OpenType)。
使用您需要的字體。
在新的 font-face 規則中,您必須首先定義字體的名稱(比如 myFirstFont),然後指向該字體文件。
如需為 HTML 元素使用字體,請通過 font-family 屬性來引用字體的名稱 (myFirstFont):
使用粗體字體。
您必須為粗體文本添加另一個包含描述符的 @font-face。
文件 "aa.ttf" 是另一個字體文件,它包含了 Sansation 字體的粗體字元。
只要 font-family 為 "myFirstFont" 的文本需要顯示為粗體,瀏覽器就會使用該字體。
通過這種方式,我們可以為相同的字體設置許多 @font-face 規則。
實際案例:
案例1:
<style>
@font-face
{
font-family:myFirstFont;
src:url('aa.ttf'),
url('aa.eot');/*IE9+,可以是具體的實際鏈接*/
}
div
{
font-family:myFirstFont;
}
</style>案例2:
@font-face
{
font-family:myFirstFont;
src:url('aa.ttf'),
url('aa.eot');/*IE9+*/
font-weight:bold;
}注意事項:
A、Internet Explorer 8 以及更早的版本不支持新的 font-face 規則。
B、代碼中注意負符號,均為英文狀態下。
C、字體文件格式必須添加後綴,且鏈接中必須帶後綴。