在 HTML 中,你可以使用它提供的一些元素和屬性去設置文本的字體大小和字體類型。
<style> /* 設置段落的字體大小為 16 像素 */ p { font-size: 16px; } /* 設置標簽的字體大小為 20 像素 */ strong { font-size: 20px; } </style>
如上所示,你可以使用 CSS 的 font-size 屬性來設置字體大小,并通過選擇器來定位你想設置字體大小的元素。
除了通過 CSS 來設置字體大小,你也可以給字體添加 em 和 rem 單位,這樣的話字體大小會自適應瀏覽器縮放的比例。em 和 rem 的區別在于,em 是相對于父元素大小來計算字體大小,rem 則是以根元素(HTML 元素)的大小作為基準。
另外,我們也可以使用不同的字體類型,HTML 支持的字體類型有 serif、sans-serif、monospace、cursive 和 fantasy 等。不同的字體類型會通過不同的字體在頁面上呈現不同的風格。同樣,你可以使用 CSS 的 font-family 屬性來設置要使用的字體類型。
<style> /* 設置段落的字體為 sans-serif 字體 */ p { font-family: sans-serif; } /* 設置文章標題的字體為 Georgia 字體 */ h1 { font-family: Georgia, serif; } </style>
在設置字體大小或字體類型時,我們也需要注意不要設置過大或過小的字體大小,在不同設備上的瀏覽體驗可能會有很大的差別。