css中@font-face屬性的使用方法？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見(jiàn)到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、荷塘網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、荷塘網(wǎng)絡(luò)營(yíng)銷、荷塘企業(yè)策劃、荷塘品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供荷塘建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

css @font-face屬性

指定名為"myFirstFont"的字體，并指定在哪里可以找到它的URL

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

css @font-face屬性屬性定義及使用說(shuō)明

@font-face規(guī)則，網(wǎng)頁(yè)設(shè)計(jì)師再也不必使用的"web-safe"的字體之一。

字體的名稱，font - face規(guī)則

font-family: myFirstFont

字體文件包含在您的服務(wù)器上的某個(gè)地方，參考CSS

src: url('Sansation_Light.ttf')

如果字體文件是在不同的位置，請(qǐng)使用完整的URL

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

現(xiàn)在準(zhǔn)備使用該字體，下面是如何使用它所有的div元素的一個(gè)例子

div
{
font-family: myFirstFont;
}

語(yǔ)法

@font-face
{
font-properties
}

以下實(shí)例為在div中使用的字體:

div
{
font-family: myFirstFont;
}

語(yǔ)法

@font-face
{
font-properties
}

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)css中@font-face屬性的使用方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。