css中的@font-face屬性怎么用

發(fā)布時間：2022-02-25 13:42:21 來源：億速云閱讀：135 作者：小新欄目：web開發(fā)

小編給大家分享一下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規(guī)則，網頁設計師再也不必使用的"web-safe"的字體之一。

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

　　font-family:myFirstFont

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

　　src:url('Sansation_Light.ttf')

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

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

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

　　div

　　{

　　font-family:myFirstFont;

　　}

　　語法

　　@font-face

　　{

　　font-properties

　　}

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

　　div

　　{

　　font-family:myFirstFont;

　　}

　　語法

　　@font-face

　　{

　　font-properties

　　}

看完了這篇文章，相信你對“css中的@font-face屬性怎么用”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細節(jié)

猜你喜歡