CSS字体未显示在HTML中

在我的CSS文件中，我有以下代码：

h1 {
color: black;
font-family: Calibri;
}
p {
color: black;
font-family: Calibri;
}
h2 {
color: black;
font-family: Calibri;
}
h3 {
color: black;
font-family: Calibri;
}
h4 {
color: black;
font-family: Calibri;
}
}
body {
color: black;
font-family: Calibri;
}

然而，我的HTML页面部分是Calibri和一些衬线字体。 这是我的HTML页面的代码：

PC部件
这个子页面将全部关于PC部件


中央处理器
CPU代表中央处理器。它为您的计算机执行[空白]任务。CPU有两个主要品牌。英特尔和AMD。英特尔是迄今为止最受欢迎的品牌。它占世界上所有CPU使用量的90%以上。AMD不是很受欢迎，但它的质量与Intel相同。由于市场占有率低，其价格比英特尔CPU便宜
如果您正在进行预算构建，您应该选择AMD。此外，如果你想以低价获得更多的内核，你应该选择AMD。如果你能多花点钱，你应该选择英特尔。如果你选择AMD，你应该选择禅宗家族，因为它是最新的版本。如果你选择英特尔，你应该选择第8代或咖啡湖Arcithucture。第8代CPU对多核性能进行了全面改造，比前几代CPU快了近60%。查找英特尔CPU时，可能会在处理器编号的末尾看到随机字母。要了解完整的备忘单，请单击！


AMD:

预算：
最好的：

英特尔：

预算：

最好的：。现在回到主题，有两种主要类型的冷却器，空气和液体。空气冷却器使用空气来冷却CPU。液体使用水来冷却你的CPU。所有冷却器都使用金属板将热量从CPU传输到冷却系统。金属板连接在CPU的金属部件上。热量非常有效地传递到冷却设备。在空气冷却器中，热量传递到空气的另一个金属部分。冷却器的金属部件被称为热管，因为它通过“管道”传递热量。管道由空气或水冷却。


空气：

预算：CRYORIG-H7

最佳：Noctua-NH-D15 82.5 CFM CPU冷却器

然而，如果这不适合你的情况，你应该用这个：Noctua-NH-L9i




水：

预算：
最佳：英特尔核心i9-7960X（极限版）

在中，Linus Tech Tips在空气冷却和水冷却之间进行了摊牌。他用一艘海盗船作为空气，（我想）用一艘海盗船作为液体。
记忆
存储
显卡
案例
PSU
班长
键盘
老鼠
演讲者
热化合物
其他东西
​可以尝试将文本包装在p标记中，并使用以下css：

p {
     color: black;
     font-family: Calibri;
}

您可以使用*指定所有内容，但根据HTML的大小，这可能会降低页面呈现速度

例如：

* {
font-family: Calibri;
color: black;
}

html,body,h1,h2,h3,p {
font-family: Calibri;
color: black;
}

另一种选择是一次性指定所有元素，而不是重新启动

例如：

* {
font-family: Calibri;
color: black;
}

html,body,h1,h2,h3,p {
font-family: Calibri;
color: black;
}

如果文本不在元素中，您也可能会遇到问题，您可以使用
标记，这可能会有所帮助。
您只需要：

body {
 color: black;
 font-family: Calibri;
}

其他“基本”样式是不相关的。如评论中所述。您现有的CSS被双
}
破坏

在正文的中间也有一个关闭<代码> <代码>标签。把它扔掉

正文{
颜色：黑色；
字体系列：Calibri；
}
PC部件
这个子页面将全部关于PC部件


中央处理器
CPU代表中央处理器。它为您的计算机执行[空白]任务。CPU有两个主要品牌。英特尔和AMD。英特尔是迄今为止最受欢迎的品牌。它占世界上所有CPU使用量的90%以上。AMD不是很受欢迎，但它的质量与Intel相同。由于市场占有率低，其价格比英特尔CPU便宜
如果您正在进行预算构建，您应该选择AMD。此外，如果你想以低价获得更多的内核，你应该选择AMD。如果你能多花点钱，你应该选择英特尔。如果你选择AMD，你应该选择禅宗家族，因为它是最新的版本。如果你选择英特尔，你应该选择第8代或咖啡湖Arcithucture。第8代CPU对多核性能进行了全面改造，比前几代CPU快了近60%。查找英特尔CPU时，可能会在处理器编号的末尾看到随机字母。要了解完整的备忘单，请单击！


AMD:

预算：
最好的：

英特尔：

预算：

最好的：。现在回到主题，有两种主要类型的冷却器，空气和液体。空气冷却器使用空气来冷却CPU。液体使用水来冷却你的CPU。所有冷却器都使用金属板将热量从CPU传输到冷却系统。金属板连接在CPU的金属部件上。热量非常有效地传递到冷却设备。在空气冷却器中，热量传递到空气的另一个金属部分。冷却器的金属部件被称为热管，因为它通过“管道”传递热量。管道由空气或水冷却。


空气：

预算：CRYORIG-H7

最佳：Noctua-NH-D15 82.5 CFM CPU冷却器

然而，如果这不适合你的情况，你应该用这个：Noctua-NH-L9i




水：

预算：
最佳：英特尔核心i9-7960X（极限版）

在中，Linus Tech Tips在空气冷却和水冷却之间进行了摊牌。他用一艘海盗船作为空气，（我想）用一艘海盗船作为液体。
记忆
存储
显卡
案例
PSU
班长
键盘
老鼠
演讲者
热化合物
其他内容
您不应该在代码中使用
文件：//
协议。使用相对路径，而不是在CSS h4规则中有一个额外的
}
。还有，为什么你要链接两次样式表，一次在顶部，一次在底部？学习这个行业的工具。在您选择的浏览器中打开开发人员工具，在大多数浏览器中使用f12。检查未按您希望的方式显示的元素，以找出样式的来源。