如何在 HTML 中使用小號字型？

要在 HTML 中設定小號字型，可以使用 style 屬性。style 屬性為元素指定行內樣式。該屬性與 HTML <p> 標記一起使用，並帶有 CSS 屬性 font-size。HTML5 不支援 <font> 標記，因此使用 CSS 樣式來新增字型大小。

請注意，style 屬性的使用會覆蓋全域性設定的任何樣式。它將覆蓋 HTML <style> 標記或外部樣式表中設定的任何樣式。

示例

你可以嘗試以下程式碼，在 HTML 頁面中新增小於預設字型的小號字型

<!DOCTYPE html>
<html>
   <head>
      <title>HTML smaller font</title>
   </head>

   <body>
      <h1>Heading</h1>
      <p>This is demo content.</p>
      <p style="color:blue;font-size:11px;">This text will be smaller.</p>
   </body>
</html>

輸出

更新日期： 2021 年 12 月 22 日

5K+ 瀏覽量

開啟你的職業生涯

完成課程即可獲得認證

開始學習
廣告