HTML自定义字体应用及样式解析

这是一段HTML代码片段，展示了一个简单的HTML页面结构。

<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
    <style type='text/css'>
        @font-face {
            font-family: 'jian';
            src: url('../第三章/素材/font/FZJZJW.TTF');
        }
        .one{font:italic 18px/30px 'jian';}
        .two{font:20px/40px '微软雅黑';}
        .three{font:20px/40px 'jian';}
    </style>
</head>
<body>
    <p class='one'>和毒瓦斯的货物i去</p>
    <p class='three'>活动ii阿萨</p>
</body>
</html>

这段代码的核心在于如何应用自定义字体和定义CSS样式：

应用自定义字体:
- 使用@font-face规则来声明自定义字体。
- font-family属性定义了字体的名称，方便后续调用。
- src属性指定了字体文件的路径。
定义CSS样式:
- 代码定义了三个样式类：.one, .two, .three。
- 每个样式类都设置了字体、字号、行高等属性。
- 其中，.one和.three类使用了自定义字体'jian'，而.two类使用了系统默认字体'微软雅黑'。

这段代码可以帮助你理解如何在HTML中使用自定义字体以及如何使用CSS样式来控制文本的样式。