如何在 HTML 中使用小字体?

htmlweb developmentfront end technology更新于 2024/2/1 21:00:17

要在 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>

输出


相关文章


有用资源