problem with font and font sizes...

[jdyndale]

Hi,

I made a web site for some friends, and we wanted to use a font called Vixar. So I used Vixar as the main font, and courier new as the first generic alternative. However, Vixar has smaller character sizes than courier by default, so to get a readable font size I had to use a size of 20px - which of course looks bad when viewed in Firefox or Opera, as they don't support the @font-family CSS rule which loads an Open Type version of Vixar.

So, my question is this: Is it possible to, via CSS, apply one font/font-size to some text if the font is supported and another font/font-size to the same text if it is not?

Thanks...

[jdyndale]

Never mind... Just found out that using ex instead of px for font sizes solved it. Duh! :)

[Webnauts]

Never mind... Just found out that using ex instead of px for font sizes solved it. Duh! :)

I am convinced that using ex is not* the best solution.
You better use em, or even better %.

And by the way, I wish a very happy and successful New Year.

---
* correction

[jdyndale]

Actually, IE, Firefox and Opera display the text in different sizes when using a relative size unit and the design on the site in question it's impossible to get a size that cosistantly looks good across browsers.

Too bad Firefox and Opera don't support the @font-family CSS rule. It's a VERY useful rule....

[jp06]

what's an ex?

[le_gber]

there you go jp06:
http://www.htmlhelp.com/reference/cs...font-size.html