如何在 HTML 中更改文本字体?

javascriptweb developmentfront end scripts

要更改 HTML 中的文本字体,请使用 style 属性。style 属性为元素指定内联样式。该属性与 HTML <p> 标签一起使用,具有 CSS 属性 font-family、font-size、font-style 等。

HTML5 不支持 <font> 标签,因此使用 CSS 样式来更改字体。<font> 标签在 HTML5 中已弃用。

请记住,style 属性的使用会覆盖全局设置的任何样式。它将覆盖 HTML <style> 中设置的任何样式标签或外部样式表。

HTML Text Font

示例

您可以尝试运行以下代码来更改 HTML 中的字体

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Font</title>
   </head>

   <body>
      <h1>Our Products</h1>
      <p style = "font-family:georgia,garamond,serif;font-size:16px;font-style:italic;">
         This is demo text
      </p>
   </body>
</html>

相关文章