一、基本语法

font-family 

二、演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 标签选择器 */
    h5 {
        font-family: "微软雅黑";
    }
    p {
        font-family: "楷体";
    }
    </style>
</head>
<body>
    <h5>小诗</h5>
    <p>生命的树上</p> 
    <p>雕了一枝花</p>
    <p>谢落在我的怀里 ，</p>
    <p>轻轻的压在心上。</p>
    <p>她接触了心中的音乐</p>
    <p>化成小诗一朵。</p>
</body>
</html>

效果：

三、注意点

  • 各种字体之间使用英文逗号隔开
  • 一般情况下，在字体上打上引号，单引或者双引都行
  • 尽可能使用系统自带字体
  • 在实际开发中，使用body { font-family: "字体1",“字体2”}比较多，直接在body中使用

写多个字体并不是说同时显示，而是兼容性更好，第一个字体不行（比如系统没有安装这种字体），就可以用下一个字体，以此类推，按顺序来优先。

字体有哪些？

win系统自带的中文字体有：宋体、黑体、楷体(GB2312)、仿宋(GB2312)，一般电脑都装有office，使得系统有更多的字体。

建议多放些字体，使得代码有更好的兼容性。

# 前端 # css3 # css
Logo
技术共进，成长同行——讯飞AI开发者社区

技术共进，成长同行——讯飞AI开发者社区

更多推荐

cover

PHP与人工智能：结合案例与可能性探索

avatar 讯飞AI开发者社区
cover

[论文阅读] 人工智能 + 软件工程 | 真实场景下GitHub Copilot生产力之谜：2年数据揭示客观提交无提升，开发者却直呼“好用”

avatar 讯飞AI开发者社区

上下文工程驱动智能体向 通用人工智能

例如在文章开头，我们举的产品经理和工程师之间的那一段对话，一个高质量智能体，不再只是让大模型回答用户的问题，而是通过上下文工程，帮助大模型在回答前获得更加结构化的输入，包括项目状态、需求文档、任务历史、甚至团队氛围，实现大模型更好的理解当前的任务规划、团队过往的沟通隐患、对方的工作状态与担忧、文档/知识库的实时状态等等。这和我们维护我们手机上内存很像，一开始所有应用和历史信息都保留，但当手机出现运

avatar 讯飞AI开发者社区