title: Webkit font rendering when iframe used to embed flash content
body: <p>Please see <a href="http://jsfiddle.net/CVwXV/2/" rel="nofollow noreferrer">http://jsfiddle.net/CVwXV/2/</a> if you are on a Mac.</p>
  
  <p>When you look at this on Chrome or Safari (webkit) on mac the text jumps to a much lighter shade/color. </p>
  
  <p>On firefox on mac it's fine. </p>
  
  <p>If you remove the second ARTICLE in the html with the youtube video in it and run again, it renders fine in webkit.</p>
  
  <p>Any ideas? It's surely not just my machine doing this.</p>
  
  <p>Thanks.</p>
  
  <p>EDIT: 
  Seems to be something to do with antialiasing. <a href="http://jsfiddle.net/CVwXV/3/" rel="nofollow noreferrer">http://jsfiddle.net/CVwXV/3/</a>
  If I do..</p>
  
  <pre><code>-webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  </code></pre>
  
  <p>Then there is no jump... but it still looks A LOT different between firefox and chrome. FF on left, Chrome on right.</p>
  
  <p><img src="https://i.stack.imgur.com/qiODZ.png" alt="demo"></p>