CSS中的font-family屬性可以設置一個或多個字體作為元素內容的默認字體。當設置多個字體時,如果第一個字體不可用,瀏覽器會嘗試使用下一個字體,以此類推,直到找到一個可用的字體為止。
p{ font-family: "Times New Roman",serif; }
上面的代碼將默認字體設置為Times New Roman,如果瀏覽器無法顯示這個字體,就會使用系統默認的serif字體。
有時候我們需要一個特定字體來表達我們的設計意圖。我們可以在CSS中添加@font-face規則,將字體文件引入到CSS文件中。
@font-face { font-family: "MyFont"; src: url("myfont.ttf") format("truetype"); } p { font-family: "MyFont", sans-serif; }
上面的代碼中,我們通過@font-face引入了一個名為"MyFont"的字體文件,并將這個字體作為p元素的默認字體。如果該字體文件無法使用,將會使用瀏覽器的系統默認sans-serif字體。
綜上所述,通過設置默認字體和@font-face引入自定義字體,CSS使得頁面排版更加美觀、精致。