CSS字体样式

最新推荐文章于 2025-02-06 18:09:36 发布

原创最新推荐文章于 2025-02-06 18:09:36 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

JavaWeb 专栏收录该内容

51 篇文章

订阅专栏

本文深入探讨了CSS中字体样式的设置方法，包括使用标准字体系列和自定义字体，通过实例展示了如何在网页中应用不同字体，如'Times New Roman'和自定义的'FontAwesome'字体。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体</title>
    <style>
        /* 设置字体系列 */
        #p1 {
            font-family: "Times New Roman";
        }
        /* 设置自定义字体系列 */
        @font-face {
            font-family: 'FontAwesome';
            src: url('font/fontawesome-webfont.eot?v=3.2.1');
            src: url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        #p2 {
            font-family: FontAwesome;
        }
        #p3 {
            font-size: larger;
            font-style: italic;
        }
    </style>
</head>
<body>
<p id="p1">this is text.</p>
<p id="p2">this is text too.</p>
<p id="p3">这是一个段落内容.</p>
</body>
</html>