html 设置字体

作者：洃铯哖輪发布日期:2025-02-25 浏览:121

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

解释说明：

HTML 结构：页面包含两个段落，一个使用默认字体，另一个使用自定义字体。
CSS 样式：
- body 标签内的文本将使用 Arial 字体，如果浏览器不支持该字体，则会回退到无衬线字体（sans-serif）。
- .custom-font 类选择器用于指定特定段落使用 Times New Roman 字体，如果浏览器不支持该字体，则会回退到有衬线字体（serif）。

上一篇：html左对齐

下一篇：html中的空格