首頁 >web前端 >css教學 >css @font-face屬性怎麼用

css @font-face屬性怎麼用

silencement
silencement原創
2019-05-29 11:50:103772瀏覽

css @font-face屬性怎麼用

css @font-face屬性

#指定名為"myFirstFont"的字體,並指定在哪裡可以找到它的URL

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

css @font-face屬性屬性定義及使用說明

#@font-face規則,網頁設計師再也不必使用的"web-safe"的字體之一。

字體的名稱,font - face規則

font-family: myFirstFont

字體檔案包含在您的伺服器上的某個地方,參考CSS

#src: url('Sansation_Light.ttf')

如果字體檔案是在不同的位置,請使用完整的URL

src: url('http://www.w3cschool .css/css3/Sansation_Light.ttf')

現在準備使用該字體,以下是如何使用它所有的div元素的一個例子

div
{
font-family: myFirstFont;
}

語法

@font-face
{
font-properties
}

以下實例為在div中使用的字體:

div
{
font-family: myFirstFont;
}

語法

@font-face
{
font-properties
}

以上是css @font-face屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn