CSS引用外部ttf字體的方法

發(fā)布時(shí)間：2020-09-25 09:39:30 來(lái)源：億速云閱讀：1152 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)CSS引用外部ttf字體的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

CSS如何引用外部字體？

在CSS中可以使用font-face屬性來(lái)引用外部字體，font-face屬性可實(shí)現(xiàn)任何外部特殊字體的調(diào)用，例如：.ttf字體。

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

如需為 HTML 元素使用字體，請(qǐng)通過(guò) font-family 屬性來(lái)引用字體的名稱 (myFirstFont).

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

示例1：

<style> 
@font-face
{
font-family: myFirstFont;
src: url('aa.ttf'),
     url('aa.eot'); /* IE9+,可以是具體的實(shí)際鏈接 */
}
div
{
font-family:myFirstFont;
}
</style>

示例1：

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

font-face屬性對(duì)瀏覽器的支持：

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

Internet Explorer 9+ 支持新的 font-face 規(guī)則，但是僅支持 .eot 類型的字體 (Embedded OpenType)。

關(guān)于CSS引用外部ttf字體的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

CSS引用外部ttf字體的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽