title: chrome does not respect font-family ('PT Sans')
body: <p>I have a web-page written in <code>HTML</code>, in which I have a <code>button</code>. All the page respects the <code>font-family: 'PT Sans', sans-serif</code> except my button. </p>
  
  <pre><code>body {
    font-family: 'PT Sans', sans-serif;
    margin: 0px 0px 0px 0px;
  }   
  </code></pre>
  
  <p>Here is the button element inside a table:</p>
  
  <pre><code>&lt;button id="createCampaignButton" class="yellowButton" nowrap&gt;CREATE NEW CAMPAIGN&lt;/button&gt;
  </code></pre>
  
  <p>I also used <code>&lt;style&gt;</code> tag like below, it will change the font color but not the font family.</p>
  
  <pre><code>button {
            font-family: 'PT Sans', sans-serif;
            color: red
         }
  </code></pre>
  
  <p>I searched here but none of them was working for me.</p>
  
  <p>My style-sheet:</p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'&gt;
  
  .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;
  }
  </code></pre>
  
  <p><strong>UPDATE</strong>
  Now I noticed that the problem is only with <code>'PT Sans'</code> font ! all other fonts work fine.</p>