如何在 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+ 浏览量

开启你的职业生涯

完成课程即可获得认证

开始学习
广告