html设置字体

作者：海枯石烂有多久发布日期:2026-02-06 浏览:98

<!DOCTYPE html>
<html>
<head>
    <title>HTML 设置字体示例</title>
    <style>
        /* 使用 CSS 设置字体 */
        body {
            font-family: Arial, sans-serif; /* 设置默认字体为 Arial，如果没有则使用无衬线字体 */
        }

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

解释说明：

<style> 标签：在 HTML 的 <head> 部分中使用 <style> 标签来定义 CSS 样式。
font-family 属性：用于设置字体。可以指定多个字体，浏览器会按照顺序尝试应用这些字体，直到找到一个可用的字体。
body 选择器：应用于整个页面的默认字体。
.custom-font 类：应用于特定元素（如段落）的自定义字体。通过给段落添加 class="custom-font" 来应用该样式。

这样你可以轻松地在 HTML 页面中设置不同的字体。

上一篇：html code

下一篇：html表单制作