CSS怎麼引用外部ttf字體？

CSS如何引用外部字體？

在CSS中可以使用font-face屬性來引用外部字體，font-face屬性可實現任何外部特殊字體的調用，例如：.ttf字體。

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

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

font-face屬性引用ttf字體範例：

範例1：

<style> 
@font-face
{
font-family: myFirstFont;
src: url(&#39;aa.ttf&#39;),
     url(&#39;aa.eot&#39;); /* IE9+,可以是具体的实际链接 */
}
div
{
font-family:myFirstFont;
}
</style>

範例1：

@font-face
{
font-family: myFirstFont;
src: url('aa.ttf'),
     url('aa.eot'); /* IE9+ */
font-weight:bold;
}

#font-face屬性對瀏覽器的支援：

Firefox、Chrome、Safari 以及Opera 支援.ttf (True Type Fonts) 和.otf (OpenType Fonts) 類型的字型。

Internet Explorer 9 支援新的 font-face 規則，但僅支援 .eot 類型的字型 (Embedded OpenType)。

以上是CSS怎麼引用外部ttf字體？的詳細內容。更多資訊請關注PHP中文網其他相關文章！