CSS字体未格式化[关闭]答案

【问题标题】：CSS Font Not Formatting [closed]CSS字体未格式化[关闭]
【发布时间】：2019-12-25 12:41:21
【问题描述】：

我开始使用 HTML 和 CSS 编写代码，并且正在使用 FreeCodeCamp 教程来帮助我。随着我的学习，我正在创建一个我自己的简单网页作为一个项目。

学习了如何在我的网页中使用来自 Internet 的字体后，我尝试更改标题的字体、颜色和大小，但是当我运行代码时，这并没有显示在我的网页上。

如果有帮助，我正在使用 PyCharm（我不确定要使用什么 IDE，而且我已经在使用 PyCharm，所以我会继续这样做）。

<link href="https://fonts.googleapis.com/css?family=Lobster"
      rel ="stylesheet" type="text/css">

<style> <!--Why doesn't this work?-->
   h1 {
    font-family: Lobster;
    font-size: 50px:
    color: red;
  }
</style>

<body>
<h1> This is the h1 text which should be formatted.</h1>

【问题讨论】：

codepen.io/antonbks/pen/GRKjXwY 按我的预期工作，您确定没有其他规则适用于 h1 其他地方吗？您可以尝试添加font-family: Lobster !important 进行测试
投票结束，因为这个问题是由无法再复制的问题或简单的印刷错误引起的。虽然类似的问题可能是这里的主题，但这个问题的解决方式不太可能帮助未来的读者。

标签： html css fonts colors pycharm

【解决方案1】：

你的 CSS 注释是错误的/* CSS Comment */

<link href="https://fonts.googleapis.com/css?family=Lobster"
      rel ="stylesheet" type="text/css">

<style> /* Why doesn't this work? */
   h1 {
    font-family: Lobster;
    font-size: 50px;
    color: red;
  }
</style>

<body>
<h1> This is the h1 text which should be formatted.</h1>
</body>

https://jsfiddle.net/lalji1051/x0odt5qk/2/

【讨论】：

【解决方案2】：

您的 css 在这一行有一个错误：font-size: 50px: 应该是 ; 而不是 : 在行尾。

【讨论】：

谢谢！我更改了 : 但我仍然收到相同的未格式化文本。我将这段代码与我的程序的其余部分分开，但仍然显示未格式化的文本。在 codepen.io/antonbks/pen/GRKjXwY 上，我可以看到字体的变化，而不是颜色，在 PyCharm 上，我也看不到。
@CodeBeginner codepen 有相同的语法错误，我在你的代码中看到它后忘记修复它。 codepen.io/antonbks/pen/GRKjXwY 应该已经修复了，现在可以看到颜色变化了
最新答案指出的问题可能与您的评论有关。在开始之前，我已在 codepen 中将其删除。
啊哈！就是这样！感谢您的帮助！