字体大小在 HTML 中没有变化

Question

因此，在我尝试了这里论坛中的所有答案后，我网页的字体大小并没有改变。这是我目前拥有的： Hello 好的，它将设置为 40px，但如果我尝试使用 20px 制作另一个，它不会改变字体大小： World
想要自己检查的人的完整代码

<html>
<font size="40px" face="Didot">Hello</font>
<font size="20px" face="Didot">World</font>
</html>

Answer 1

改为使用 CSS 样式。请参阅下面的示例。

.size40 {
  font: 40px/1.5 Didot, serif;
}

.size20 {
  font: 20px/1.5 Didot, serif;
}

<span class="size40">Hello</span>
<span class="size20">World</span>

Answer 2

如果您正在寻找进行内联样式设置的方法，可以遵循此方法

<html>
<div style="font-size:40px; font-family:Didot">Hello</div>
<div style="font-size:20px; font-family:Didot">World</div>
</html>

但我建议创建一个单独的 css 文件并在其中定义样式。并使用脚本标签

在 html 中导入这些样式

Answer 3

如前一个答案所述，来源已弃用，但如果您坚持要尝试，可以使用以下内容：

<font face="Verdana, Geneva, sans-serif" size="+7">Hello</font>
<font face="Verdana, Geneva, sans-serif" size="+4">World</font>

如果还是不行，用CSS:

<p>Hello</p>
<p>World</p>

⠀

p:nth-child(1){
   font-family: Didot;
   font-size: 40px;
}
p:nth-child(2){
   font-family: Didot;
   font-size: 20px;
}

Font size not changing in HTML