title: CSS3 custom Font Face not working well in html view
body: <p>Dear folks,
  Im trying to figure out what is wrong in here, why the fonts set do not show up correctly in html live view in FireFox 4...  I am clueless! Any insight will be greatly appreciated by me. Any at all! Thanks in advance. Cheers!</p>
  
  <pre><code>&lt;style type="text/css" rel="stylesheet"&gt;
  @charset "utf-8";
  
  @font-face{
    font-family: "ZZZ";
    src: local('FONT'),
        url('http://www.site.org/FONT.ttf') format('truetype'),
        url('http://www.site.org/FONT.eot') format('eot'),
        url('http://www.site.org/FONT.otf') format ('otf'),
        url('http://www.site.org/FONT.woff') format('woff')
  }
  
  html, body{font-family: "ZZZ" !important}
  </code></pre>
  
  <p>.</p>
  
  <p>PS.  I changed the name to <code>"ZZZ"</code> deliberately into something else than the local file name <code>"FONT"</code> so that way I can assure that if someone does NOT have the font locally, it will proceed to download CSS3 url. This however does not work... (when changing ZZZ to Lithos Pro Regular, it works but that is no challenge... I want it to work naturally when no local font file is present.</p>