html字体设置

作者：白话少年的痴情梦— 发布日期:2025-11-16 浏览:33

<!DOCTYPE html>
<html>
<head>
    <title>HTML 字体设置示例</title>
    <style>
        /* 使用 CSS 设置字体样式 */
        .custom-font {
            font-family: Arial, sans-serif; /* 设置字体为 Arial，如果没有则使用无衬线字体 */
            font-size: 20px; /* 设置字体大小为 20 像素 */
            font-weight: bold; /* 设置字体为粗体 */
            color: #333; /* 设置字体颜色为深灰色 */
        }
    </style>
</head>
<body>
    <p class="custom-font">这是一个设置了自定义字体样式的段落。</p>
</body>
</html>

解释说明：

font-family: 指定使用的字体系列。这里我们指定了 Arial，如果用户的系统中没有安装该字体，则会使用默认的无衬线字体 (sans-serif)。
font-size: 设置字体的大小，单位可以是像素 (px)、百分比 (%) 或其他单位。
font-weight: 设置字体的粗细，常用的值有 normal 和 bold，也可以使用数值（如 400 表示正常粗细，700 表示粗体）。
color: 设置字体的颜色，可以使用颜色名称、十六进制颜色代码或 RGB 值。

以上代码展示了如何在 HTML 中通过 CSS 来设置字体的样式。

上一篇：html中的div标签

下一篇：html 点击事件