CSS：设置字体样式

_卷心菜_

于 2021-12-11 21:23:18 发布

阅读量527

点赞数

分类专栏： java Web搭建文章标签： css 前端

本文链接：https://blog.youkuaiyun.com/Thumb_/article/details/121879707

版权

java Web搭建专栏收录该内容

41 篇文章

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* 设置自定义字体系列 */
        @font-face {
            font-family: 'Source Han Sans';
            src: url(font/KaiGenGothicCN-Light.eot);
            src: url(font/KaiGenGothicCN-Light.eot?) format("embedded-opentype"),
                 url(font/KaiGenGothicCN-Light.woff) format("woff"),
                 url(font/KaiGenGothicCN-Light.tff) format("svg");
                font-weight: 400;
                font-style: normal;
        }
        #p1 {
            font-family: "Times New Roman";
        }
        #p2 {
            font-family: "Source Han Sans";
        }
        #p3 {
            font-size: larger;
            font-style: italic;
            font-weight: bolder;
        }
    </style>
</head>
<body>
    <p id="p1">this is text.</p>
    <p id="p2">这是一个段落内容。</p>
    <p id="p3">这又是一个段落内容。</p>
</body>
</html>

在这里插入图片描述