html字体类型有哪些

作者：白话少年的痴情梦— 发布日期:2026-05-21 浏览:76

<!DOCTYPE html>
<html>
<head>
    <title>HTML 字体类型示例</title>
    <style>
        /* 使用不同的字体类型 */
        .serif {
            font-family: 'Times New Roman', Times, serif;
        }
        .sans-serif {
            font-family: Arial, Helvetica, sans-serif;
        }
        .monospace {
            font-family: 'Courier New', Courier, monospace;
        }
        .cursive {
            font-family: 'Lucida Handwriting', cursive;
        }
        .fantasy {
            font-family: 'Impact', fantasy;
        }
    </style>
</head>
<body>
    <h1>HTML 字体类型示例</h1>
    <p class="serif">这是一个使用 Serif 字体的段落。</p>
    <p class="sans-serif">这是一个使用 Sans-serif 字体的段落。</p>
    <p class="monospace">这是一个使用 Monospace 字体的段落。</p>
    <p class="cursive">这是一个使用 Cursive 字体的段落。</p>
    <p class="fantasy">这是一个使用 Fantasy 字体的段落。</p>
</body>
</html>

解释说明：

Serif 字体：如 Times New Roman，通常用于印刷品，具有额外的小笔画。
Sans-serif 字体：如 Arial，没有额外的小笔画，常用于屏幕显示。
Monospace 字体：如 Courier New，每个字符宽度相同，适合编程代码展示。
Cursive 字体：如 Lucida Handwriting，模仿手写风格。
Fantasy 字体：如 Impact，装饰性较强，适用于标题或特殊场合。

上一篇：html5源码

下一篇：html跳转到另一个html页面