css font-weight 属性不适用于按钮

Question

我使用了来自谷歌字体的“ubuntu”字体。我需要 font-weight: 300，但是按钮的 font-weight 属性不起作用。它仍然是粗体。

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

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap');

.btn {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
}

Answer 1

.btn {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300!important;
}