CSS font-size changes when font-family falls back

Question

I want to use a font (gill sans) which renders very small due to a short x-height etc. etc. If I set this at a reasonable size, and then a browser falls back to a more typic

Answer 1

There was an interesting article written a few weeks ago that addresses this topic.

You can read the article here: http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/

In short, the article is utilizing a few methods... @font-face for modernized browsers, a jQuery font detection script, and Cufon for font replacement if prior methods fail.

This is not a perfect solution. And like many above me stated, your best bet is to use a font that degrades gracefully.

Try setting your font-stacks to something like 'GillSans, Calibri, Trebuchet, sans-serif' - for paragraph copy, or 'GillSans, Trebuchet, Calibri, sans-serif' - for titles and headings