title: Conditionally styling @font-face
body: <p>I'm using @font-face for some headers. </p>
  
  <p>The replaced typeface is different in dimension and overall character. When the switch happens, the old typeface's rules don't look so good.  </p>
  
  <p>Other than writing a conditional Javascript script, is there a way to have a set of CSS rules for @font-face fonts (if the browsers supports it) and CSS rules for the unreplaced default fonts?</p>