CSS自定义字体：<b>有效但字体粗细：粗体不</b>

Question

您好我在我的css中添加了一个自定义字体，如下所示：

@font-face {
    font-family: dosis;
    src: url(Dosis-Regular.otf);
    font-weight:normal;
}

@font-face {
    font-family: dosis;
    src: url(Dosis-SemiBold.otf);
    font-weight:bold;
}

它的工作原理如下：

<b> This appears bold </b>

但不是这样的：

p{font-weight:bold;}  /* in CSS file */
<p> This does not appear bold </p> /* in HTML file */

你知道可能出现什么问题吗？

Answer 1

它可能会在其他地方被覆盖。试试这个：

p{font-weight:bold !important;}