title: Rendering open sans google web fonts with bootstrap?
body: <p>I'm trying to use google web fonts open sans with bootstrap. </p>
  
  <p>I'm loading the fonts with:</p>
  
  <p></p>
  
  <p>I have a site-specific.css that loads after bootstrap. I've tried:</p>
  
  <pre><code>.body { font-family: 'Open Sans', sans-serif;}
  </code></pre>
  
  <p>and also:</p>
  
  <pre><code>.bootstrap-container *,    
  .bootstrap-container body, 
  .bootstrap-container td, 
  .bootstrap-container tr, 
  .bootstrap-container div, 
  .bootstrap-container p, 
  .bootstrap-container form, 
  .bootstrap-container input, 
  .bootstrap-container select, 
  .bootstrap-container textarea, 
  .bootstrap-container font {
  font-family: 'Open Sans', sans-serif;
  }
  </code></pre>
  
  <p>But it seems that no matter what class selector I use, the fonts don't render and the bootstrap fonts are inherited instead. I'm not sure how to debug this.</p>