html字体类型怎么设置

作者：◆丶依然如风发布日期:2025-12-14 浏览:73

<!DOCTYPE html>
<html>
<head>
    <title>HTML 字体类型设置示例</title>
    <style>
        /* 使用 CSS 设置字体类型 */
        body {
            font-family: Arial, sans-serif; /* 设置默认字体为 Arial，如果系统没有 Arial，则使用 sans-serif 字体 */
        }
        .custom-font {
            font-family: "Times New Roman", Times, serif; /* 设置特定元素的字体为 Times New Roman */
        }
    </style>
</head>
<body>
    <p>这是使用默认字体 Arial 的段落。</p>
    <p class="custom-font">这是使用自定义字体 Times New Roman 的段落。</p>
</body>
</html>

解释说明：

font-family 属性：用于指定网页中的字体类型。可以通过 font-family 属性来设置默认字体或特定元素的字体。
字体列表：可以提供多个字体名称，以逗号分隔。浏览器会按顺序查找这些字体，如果第一个字体不可用，则会尝试下一个字体。
通用字体族：如果所有指定的字体都不可用，浏览器会使用通用字体族（如 sans-serif 或 serif）作为最后的选择。

希望这个示例能帮助你理解如何在 HTML 中设置字体类型。

上一篇：html 单选框

下一篇：html单选按钮标签