为什么我网站上的所有文字都是大胆的？

Question

一段时间以来，我的WordPress博客中的文字总是粗体。它并不总是这样，我无法弄清楚哪个CSS / HTML设置会导致这种情况。

你能帮帮我吗？这是该网站的链接：

http://8mrd.com/2017/02/11/indien-wirtschaft-2040-usa/

Answer 1

这里有几个问题：

• 请勿使用<font>标记，不推荐使用此标记。它现在可能有效，但可以随时删除。请尝试使用段落<p>或内嵌文本<span>标记。然后使用CSS完成所有字体样式。
• 指定字体weigt。默认情况下，某些HTML元素（例如<h1>和<label>）是粗体（在大多数浏览器中）。如果您将font-weight指定为等于400或normal，则应该可以胜任。
• 您的网页上还有一些HTML错误，例如错误的嵌套元素。这可能会导致意外的显示效果。
• 尽量避免在你的CSS中使用!important，因为你可以让自己陷入适当的困境，试图用重要的重要事件覆盖重要的导入者。基本上没有任何一个是坏人的

示例

HTML：

<h1> India's Economy </h1>
<p class="intro-text"> 
    Dear readers, the age of economic dominance 
    of the West is coming to an end. ......
<p>

CSS：

h1{ 
    font-weight: normal; 
}

p.intro-text{
    // Add some other text styles in here...
}