📜  HTML XHTML标准字体(1)

📅  最后修改于: 2023-12-03 15:15:33.107000             🧑  作者: Mango

HTML 和 XHTML 标准字体

在网页设计中,字体的使用是非常重要的,它可以决定网页的整体风格和效果。HTML 和 XHTML 提供了多种字体的设置方法,程序员可以根据需要选择合适的方式来设置字体。本文将介绍 HTML 和 XHTML 中标准字体的设置方法。

HTML 标准字体设置

在 HTML 中,可以通过在 <body> 标签中设置 font-family 属性来设置网页的默认字体。示例代码如下:

<body style="font-family: Arial, sans-serif;">

在上述代码中,首先指定了 Arial 字体,如果用户没有安装 Arial 字体,则会使用默认的 sans-serif 字体。

此外,也可以在 HTML 中使用 <font> 标签来设置字体。不过因为该标签已经被弃用,建议不要使用该方法。示例代码如下:

<p><font color="red" size="5" face="Arial">Hello World!</font></p>

在上述代码中,设置了字体的颜色为红色,字号为 5,字体为 Arial。

XHTML 标准字体设置

在 XHTML 中,不再支持 <font> 标签。取而代之的是通过 CSS 样式表来控制网页的样式。示例代码如下:

<head>
  <style type="text/css">
    body {
      font-family: Arial, sans-serif;
    }
    h1 {
      font-size: 24px;
      color: red;
    }
  </style>
</head>

<body>
  <h1>Hello World!</h1>
</body>

在上述代码中,通过 <style> 标签定义了两个样式:body 样式和 h1 样式。body 样式设置了默认字体为 Arial;h1 样式设置了标题字体大小为 24 像素,颜色为红色。

总结一下,HTML 和 XHTML 标准字体的设置方法有以下几种:

  • 在 <body> 标签中设置 font-family 属性
  • 使用 <font> 标签设置字体(不推荐使用)
  • 在 <head> 标签中使用 CSS 样式表设置字体

建议优先使用 CSS 样式表来设置字体,使网页样式更加规范和易于维护。