chrome 不尊重字体系列("PT Sans")

Question

我有一个用HTML编写的网页，其中我有一个button。除我的按钮外，所有页面都尊重font-family: '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>

我还使用了<style>标签，如下所示，它将更改字体颜色，而不会更改字体族。

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

我在这里搜索，但它们都不为我工作。

我的样式表：

<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;
}

更新现在，我注意到问题仅在'PT Sans'字体上！所有其他字体都可以正常工作。

Answer 1

您是否包含了此文件??

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

如果不仅在标题中过去。

或如果您想在CSS中，请使用此

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

Answer 2

您可以使用右键单击并在Chrome中进行"检查"以查看使用了哪些样式并覆盖了其他样式。

如果您检查元素，您将看到什么是覆盖什么，还有什么拼写的，旁边有一个黄色的警告图标。

Answer 3

问题已解决，据我了解，table内部的button并未从body样式中继承样式。主要问题是我应该清洁浏览器的缓存。

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