文本字體在 css 中可通過 font-family 屬性設置,方法包括:使用字體族名稱,例如 serif 或 sans-serif。指定字體文件路徑,如 @font-face {}。其他影響文本字體的屬性包括:font-size:設置文本大小。font-weight:設置文本粗細。font-style:設置文本樣式,如斜體。font-variant:設置文本變體,如大寫。
如何設置 CSS 文本字體
在 CSS 中,通過 font-family
屬性來設置文本字體。該屬性接受一個字體族名稱或一個字體文件路徑。
方法:
使用字體族名稱:
指定一個通用的字體族,例如 serif、sans-serif、monospace 或 cursive。
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">body { font-family: serif; }</code>
登錄后復制
使用字體文件路徑:
指定字體文件的路徑,該文件通常存儲為 .ttf、.otf 或 .woff 格式。
<code class="css">@font-face { font-family: 'MyFont'; src: url('myfont.ttf'); } body { font-family: 'MyFont', sans-serif; }</code>
登錄后復制
其他字體屬性:
除了 font-family
之外,還有其他 CSS 屬性可以設置文本字體特性:
font-size: 設置文本大小。
font-weight: 設置文本粗細。
font-style: 設置文本樣式,例如正常或斜體。
font-variant: 設置文本變體,例如小寫或大寫。
示例:
要將文本字體設置為 Arial,可以使用以下 CSS 代碼:
<code class="css">body { font-family: Arial, sans-serif; }</code>
登錄后復制
要將文本字體設置為自定義字體(假設該字體文件名為 “MyFont.ttf”),可以使用以下代碼:
<code class="css">@font-face { font-family: 'MyFont'; src: url('MyFont.ttf'); } body { font-family: 'MyFont', Arial, sans-serif; }</code>
登錄后復制
注意:
不同的瀏覽器對字體文件的支持程度不同,因此建議提供回退字體族。
如果使用自定義字體,請確保字體文件已正確上傳到您的服務器。