在 CSS 中,我們可以通過定義文字名稱來方便地使用各種字體,從而讓網頁內容顯得更加豐富多彩。通常情況下,我們使用 @font-face 規則來定義字體,接著使用 font-family 屬性來引用該字體。
@font-face { font-family: "CustomFont"; /* 字體名稱 */ src: url("CustomFont.otf") format("opentype"); /* 字體文件路徑及格式 */ } p { font-family: "CustomFont", sans-serif; /* 使用自定義字體 */ }
以上代碼中,我們定義了一個名為 CustomFont 的字體,并將其引用在了段落中。如果該字體沒有被找到,則默認使用 sans-serif 字體作為備選字體。
除了自定義字體外,CSS 還提供了一些常見的字體名稱供我們使用,其中最為常用的就是 serif 和 sans-serif。
serif 是一種印刷體,通常帶有小尾巴,它在印刷材料中被廣泛使用。相對而言,sans-serif 則是一種無襯線字體,沒有小尾巴,更加簡潔、現代。它們可以通過以下方式引用:
body { font-family: serif; /* 使用 serif 字體 */ } h1 { font-family: sans-serif; /* 使用 sans-serif 字體 */ }
通過合理地定義文字名稱以及合適的字體,我們可以讓我們的網頁內容更加具有視覺吸引力,提高閱讀體驗。
上一篇css定義多個class
下一篇mysql5.1安裝包