CSS如何引用外部字體？

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

在新的 font-face 規則中，必須首先定義字體的名稱(比如 myFirstFont)，然后指向該字體文件。

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

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

示例1：

@font-face

{

font-family: myFirstFont;

src: url('aa.ttf'),

url('aa.eot'); /* IE9+,可以是具體的實際鏈接 */

}

div

{

font-family:myFirstFont;

}

示例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)。

總結

以上是生活随笔為你收集整理的html中如何设置ttf,CSS怎么引用外部ttf字体？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。