在 CSS 中設(shè)置字體非常簡單,只需要使用 font-family 屬性即可。不過,在使用 font-family 屬性之前,需要引用所需的字體。
引用字體的方法有兩種:使用系統(tǒng)字體或引用外部字體文件。
使用系統(tǒng)字體
系統(tǒng)字體是指操作系統(tǒng)已經(jīng)內(nèi)置的一些字體,這些字體不需要額外下載即可使用。在設(shè)置字體時(shí),可以使用系統(tǒng)字體的名稱。
/* 示例 */ body { font-family: Arial, sans-serif; }
上面的代碼中,字體設(shè)置為 Arial 或 sans-serif。如果用戶沒有安裝 Arial 字體,則會(huì)默認(rèn)使用平臺的 sans-serif 字體。
引用外部字體文件
如果要使用非系統(tǒng)字體,則需要從外部引入字體文件。目前,最常用的字體格式是 TrueType 字體和 OpenType 字體。
/* 示例 */ @font-face { font-family: "MyFont"; src: url("myfont.ttf") format("truetype"); } h1 { font-family: "MyFont", sans-serif; }
上面的代碼中,使用 @font-face 規(guī)則引入外部字體文件 myfont.ttf,將其命名為 MyFont。在 h1 元素的樣式中,使用 font-family 屬性指定 MyFont 字體(如果用戶沒有安裝該字體,則使用 sans-serif 字體)。
需要注意的是,外部字體文件大小會(huì)影響頁面加載速度,應(yīng)盡量壓縮字體文件大小,并合理使用字體。
上一篇css如何把圖片放中心
下一篇css如何快捷