在 HTML 中,字體有著重要的作用。你可以使用以下的代碼指定在你的網頁上使用哪個字體。
<html> <head> <style> body{ font-family: "Helvetica", Arial, sans-serif; } </style> </head> <body> <h1>這是一個標題</h1> <p>這是一段正文。</p> </body> </html>
上面的代碼中,我們給 body 元素指定了一個字體族,這意味著如果瀏覽器支持 Helvetica 字體,它將首選 Helvetica 字體來顯示文本,否則它將選擇 Arial 或 sans-serif 字體。
下面是一些常用的字體族。
font-family: Arial, sans-serif; /* 一般在 Windows PC 上使用 */ font-family: "Helvetica Neue", sans-serif; /* 一般在 Mac 上使用 */ font-family: "Microsoft YaHei", sans-serif; /* 一般在中文系統上使用 */ font-family: Georgia, serif; /* 一般在印刷界面上使用 */
如果你想改變字體的大小,使用font-size
屬性。
<p style="font-size: 16px;">這是一個 16 像素大小的段落。</p>
可以用像素(px),相對尺寸(em),百分比等來定義字體大小。
除此之外,還可以使用font-style
和font-weight
屬性來設置字體的樣式和粗細。
<p style="font-style: italic; font-weight: bold;">這是一段粗體和斜體的文本。</p>
通過這些基本的屬性,你可以為你的網頁設置出各種各樣的風格和樣式!