Html chrome不尊重字体系列（'；PT Sans'；）

我有一个用

HTML

编写的网页，其中有一个

按钮

。除“我的”按钮外，所有页面均尊重字体系列：“PT Sans”，Sans serif

body {
  font-family: 'PT Sans', sans-serif;
  margin: 0px 0px 0px 0px;
}   

以下是表中的按钮元素：

<button id="createCampaignButton" class="yellowButton" nowrap>CREATE NEW CAMPAIGN</button>

我在这里搜索过，但没有一个人为我工作

我的样式表：

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

.yellowButton {
border: 0 solid #FFCC00;
width:100%;
/*height: 50px;*/
font-size: 16px; 
font-weight: bold;
background-color: #FFCC00; 
padding: 12px 20px;
box-shadow: 0 2px 2px 0 #C2C2C2;
border-radius: 2px;
outline:none;
}
.yellowButton:active {
  border: 0 solid #FFCC00;
  width:100%;
  /*height: 50px;*/
  font-size: 16px; 
  font-weight: bold;
  background-color: #FFCC00; 
  padding: 12px 20px;
  box-shadow: 0 0 0 0 #C2C2C2;
  border-radius: 2px;
  outline: none;
}

.黄色按钮{
边框：0实心#FFCC00；
宽度：100%；
/*高度：50px*/
字体大小：16px；
字体大小：粗体；
背景色：#FFCC00；
填充：12px 20px；
盒影：0 2px 2px 0#c2c2；
边界半径：2px；
大纲：无；
}
.黄色按钮：激活{
边框：0实心#FFCC00；
宽度：100%；
/*高度：50px*/
字体大小：16px；
字体大小：粗体；
背景色：#FFCC00；
填充：12px 20px；
盒影：0#c2c2；
边界半径：2px；
大纲：无；
}

更新

---

现在我注意到问题只存在于

'PT Sans'

font！所有其他字体都很好。

您是否包含此文件

<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

---

您可以在chrome中使用右键单击和“检查”来查看哪些样式正在使用，哪些样式正在覆盖其他样式

---

如果您检查元素，您将看到哪些内容覆盖了哪些内容，以及哪些内容拼写错误，旁边有一个小黄色警告图标。

问题已经解决，将这一行添加到样式中，据我所知，

表内的
按钮
不会从
正文
样式继承样式。主要问题是我应该清理浏览器的缓存

button{
        font-family:  'PT Sans', sans-serif;
      }

你能分享你的整个样式表吗？看看是否有任何规则凌驾于你身体的样式之上，这会很有用。@Brayniverse我添加了关于样式的内容，这很奇怪。你能提供一个链接来查看实际操作吗？OP在按钮中明确使用
font-family
，这不是问题所在，这是真的，我的错，对不起。阅读速度快。然后，我只能考虑使用引导或其他覆盖样式的方法。但我相信检查会有帮助。是的，你说得对。当然，检查代码时会发现一些继承的样式尝试使用“字体系列：'PT Sans'，Sans serif！important；”
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

button{
        font-family:  'PT Sans', sans-serif;
      }