CSS添加本地字体文件

1、在css的style标签中定义@font-face，相当于自定义一个可以使用的字体，包括字体引用的名字和字体源文件。
2、在后续的标签中使用该字体即可

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <title>CSS1</title>
    <style>
        @font-face{
            font-family: MyFont;
            src: url("./MyFont.OTF")
        }
        body {
            background-color: rgb(237, 233, 227);
        }

        h1 {
            color: rgb(140, 0, 255);
            text-align: center;
        }

        p {
            color:brown;
            font-family: "MyFont";
            font-size: 16px;
        }
    </style>
</head>

<body>

    <h1>CSS 实例!</h1>
    <p>这是一个段落。TsangErJinKai</p>

</body>

</html>
posted @ 2020-07-23 15:07  reasoner  阅读(430)  评论(1)  编辑  收藏  举报