html字体代码大全

在HTML中，设置字体样式通常是通过CSS来实现的，而不是直接在HTML中使用<font>标签。不过，了解<font>标签的基本用法仍然对于理解网页排版很有帮助。以下是一些基本的HTML字体代码示例和CSS的推荐用法：

HTML <font> 标签用法

• 字体颜色：使用 color 属性设置字体颜色。
• 字体大小：使用 size 属性设置字体大小。
• 字体类型：使用 face 属性设置字体类型。

示例代码：

<font color="#FF0000">这是红色文字</font>
<font size="5">这是五号字</font>
<font face="Arial">这是Arial字体</font>

CSS推荐用法

由于<font>标签在HTML5中已被废弃，推荐使用CSS来设置字体样式。

• 字体颜色：使用 color 属性。
• 字体大小：使用 font-size 属性。
• 字体类型：使用 font-family 属性。
• 字体样式：使用 font-style 属性。
• 字体粗细：使用 font-weight 属性。

示例代码：

<style>
  .custom-font {
    color: #FF0000;
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    font-style: italic;
    font-weight: bold;
  }
</style>
<p class="custom-font">这是自定义样式的文字</p>

通过上述CSS代码，可以设置段落的字体颜色为红色，大小为16px，字体类型为Arial，字体样式为斜体，字体粗细为粗体。这种方式更加灵活，也更容易维护。