Question

我有一个按钮，并有一个相应的CSS声明来更改其font-family，但是按钮的字体没有改变。

这是我进行的研究：

我找到了this post，但没有得到答案，我已经使用过!important，并检查了devtools，但是devtools表示它正在应用字体。 This post不适用于我：我没有使用任何形式的reset.css。 This one也不适用于我，因为他/她在声明中犯了一个错误，那与输入有关，而不是按钮。

这是为按钮设置样式的代码：

@import url('https://fonts.googleapis.com/css?family=Dosis');

/* ... */

button.main {
  width: 40%;
  margin-left: 10%;
  margin-top: 20px;
  height: 80px;
  border-radius: 8px;
  font-size: 50px;
  border-style: solid;
  background-color: #50c878;
  border-color: #60b989;
}

button {
  font-family: "Dosis" !important;
}

我希望按钮具有Dosis字体，但是它具有默认字体。我似乎找不到任何错误。

提前谢谢！

Answer 1

结果是，我选择的字体看起来像普通字体一样不错，特别是当它不是粗体时，所以在整个可用期间，只是我无法分辨出区别。

对不起！

按钮不响应CSS中的字体系列声明

1 个答案: