什么可能导致粗体标记<b>被忽略？</b>

Question

我在Drupal中显示了一些HTML的问题，但我并不是100％确定这是Drupal问题。我使用粗体标签来强调单词，但它不会显示为粗体。它认为它可能是我使用的Google字体，所以我禁用了它，但我仍然遇到了问题。

我检查了页面来源：

<div id="begin_block">
  <div id="fw_begin"><h2>Find words <b>beginning</b> with:</h2></div>
    <div id="inp_begin"><input type="text" /></div>
    <div id="aft_begin">(max. 5 characters)</div>
    <div id="but_begin"><button type="button">Go</button></div>
</div>

但我仍然得到：

可能导致此问题的原因是什么？

更新

我正在使用的主题确实有一个reset.css。粗体定义为：

b{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

Answer 1

CSS（重置）表可能已定义b{font-weight:normal;}。要“修复”该样式，请添加b{font-weight:bold;}。

此外，他<strong>代码在语义上更正确，因此请使用代替<b>。

Answer 2

您需要做的是使用firebug或google's developer console来调试它。如果你没有任何先前的经验，至少有一个不要担心 - 花一些时间和学习它将是值得的。

作为真正的解决方案，您可以将文本包装在<span>而不是<b>中，添加一些有意义的类，如“压力”（但您应该避免使用类似“粗体”的类名，因为您可能最后改变你的想法，而不是字体权重，你将使用下划线，在这种情况下，你将更改一个类名称或下划线样式的粗体类）并添加它像

.stress{
 font-weight: bold !important;
}

最有可能在某处覆盖font-weight，重要的是确保它不会被覆盖。

BTW：当然，您不必将<span>与类名一起使用，您也可以使用其他选择器，例如<strong>等。

Answer 3

b {
    font-weight: bold;
    font-family: inherit;
}

如果未定义字体系列，则包装元素中的字体将被覆盖。