html各种字体的代码

在 HTML 中，我们可以通过<span> 标签和 style 属性来设置各种字体。 <span> 标签可以用来对文本的一部分进行样式设置，而 style 属性可以设置的样式比较全面，可以设置字体、颜色、大小和样式等。下面是一些基本的字体样式代码：

<span style="font-family: Arial,sans-serif">这是 Arial 字体</span>
<span style="font-family: 'Times New Roman',serif">这是 Times New Roman 字体</span>
<span style="font-family: 'Courier New',monospace">这是 Courier New 字体</span>
<span style="font-family: Georgia,serif">这是 Georgia 字体</span>
<span style="font-family: Verdana,sans-serif">这是 Verdana 字体</span>

在上面的代码中，每个样式属性的值都用逗号分隔，这是因为当一个字体不能显示时，会自动显示下一个字体。比如说，如果用户没有安装 Arial 字体，那么它就会显示 Times New Roman 字体。

除了 font-family 属性，我们还可以使用 font-size 属性来设置字体大小。它的值可以是一个具体的数值，也可以是一些预定义的关键词，比如 small、medium、large 等。下面是一些设置字体大小的代码：

<span style="font-size: 16px">这个文本的字体大小为 16 像素</span>
<span style="font-size: small">这个文本的字体大小为小号</span>
<span style="font-size: medium">这个文本的字体大小为中号</span>
<span style="font-size: large">这个文本的字体大小为大号</span>

最后，我们可以通过 font-style 和 font-weight 属性来设置字体样式和粗细。font-style 属性可以设置 italic、oblique 和 normal 三种样式；font-weight 属性可以设置 normal、bold 和 bolder 三种粗细。下面是一些设置字体样式和粗细的代码：

<span style="font-style: italic">这个文本是斜体</span>
<span style="font-weight: bold">这个文本是粗体</span>
<span style="font-style: oblique; font-weight: bolder">这个文本既是斜体又很粗</span>

总之，在 HTML 中设置各种字体样式非常容易，只需要简单地使用一些 CSS 属性即可。通过这些样式，我们可以使文本更加美观、易于阅读。