css字体权重属性不适用于按钮

我使用了谷歌字体中的“ubuntu”字体。 我需要字体大小：300，但按钮的字体大小属性不工作。它仍然大胆

<button type="button" class="btn btn-primary">Primary</button>

---

一个解决方案是使用！这对你的造型很重要，但通常不是一个好主意：

.btn {
    font-weight: 300 !important;
}

您可以尝试切换按钮上类的顺序，以便.btn类覆盖.btn主类，如下所示：

<button type="button" class="btn-primary btn">Primary</button>

Primary

或者，在需要设置字体权重的文本周围设置一个

元素，以直接将其作为目标

<button type="button" class="btn btn-primary"><span class="boldz">Primary</span></button>
...
.boldz {
    font-weight: 300;
}

Primary
...
波尔兹先生{
字体大小：300；
}

---

希望这些帮助之一

可能是其他CSS正在覆盖。为了更好的理解，请分享URL。使用浏览器web控制台检查应用于样式的元素。使用！重要的旗帜不是一个好办法。尽量避免使用它谢谢

.btn {
    font-weight: 300 !important;
}

<button type="button" class="btn-primary btn">Primary</button>

<button type="button" class="btn btn-primary"><span class="boldz">Primary</span></button>
...
.boldz {
    font-weight: 300;
}