时间戳

首页 > 解决方案 > 按钮不响应 css 中的字体系列声明

html - 按钮不响应 css 中的字体系列声明

问题描述

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

这是我进行的研究：

我找到了这个帖子，但是没有回答，我已经使用!important，并检查了devtools，但是devtools说它正在应用字体。这篇文章不适用于我：我没有使用任何形式的reset.css. 这个也不适用于我，因为他/她在声明中犯了一个错误，那是关于输入，而不是按钮。

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

@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 字体，但它却具有默认字体。我似乎找不到任何错误。

先感谢您！

标签： htmlcssfontsfont-family

解决方案

事实证明，我选择的字体看起来有点像普通字体，尤其是当它不是粗体时，所以它一直在工作，只是我无法区分。

对不起！

推荐阅读