小編給大家分享一下css中的@font-face屬性怎么用，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),東西湖企業(yè)網(wǎng)站建設(shè),東西湖品牌網(wǎng)站建設(shè),網(wǎng)站定制,東西湖網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,東西湖網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

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規(guī)則，網(wǎng)頁設(shè)計師再也不必使用的"web-safe"的字體之一。

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

font-family:myFirstFont

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

src:url('Sansation_Light.ttf')

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

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

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

div

{

font-family:myFirstFont;

}

語法

@font-face

{

font-properties

}

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

div

{

font-family:myFirstFont;

}

語法

@font-face

{

font-properties

}

看完了這篇文章，相信你對“css中的@font-face屬性怎么用”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！