title: Adjust font size depending on which font is used from a font stack
body: <p>I'm using one of the new google api fonts for a heading on a site. It's Yannone Kaffeesatz and is quite a condensed typeface.</p>
  
  <p>My font stack is as follows:</p>
  
  <pre><code>    font-family: 'Yanone Kaffeesatz', arial, serif;
  </code></pre>
  
  <p>This is fine when the Yannone Kaffeesatz font renders, but if it doesn't, Arial is much more open and the heading spans over two lines.</p>
  
  <p>My question is:</p>
  
  <p>Is it possible to use a different font-size depending on which font is rendered on the page?</p>
  
  <p>Ideally supported across a multitude of browsers.</p>
  
  <p>Thanks</p>
  
  <p>Tom</p>