[SOLVED] The font problem

Hello there,

I came across with a problem - some users (particulary that don't have "Lucida Sans" in their "Fonts" folder) can't view my page properly. The design goes slightly down because of that.

I'm wondering is there a way to solve that problem (like integrating the font into the CSS or something) or I should go for an alternative ("Georgia", "Geneva")?

Thanks.

You should go for an alternate font. Do you know how to accomplish this in CSS? If not, I can give you the code to use. As far as I know you can not have the font embedded using XHTML/CSS. You can do this with flash however.

Are you allowed to offer a download of the font so that people can view it properly?
or is that illegal?
I know it's not very practical

You can't embed fonts into CSS. The solution is simple: specify fall-back fonts:

Code: Select all

font-family: "Lucida Sans", Verdana, sans-serif;

This indicates your font preference. You can list as many as you want, but you should always end with the generic fall-back "sans-serif" or "serif".

Thanks for your replies.

Ok then, I'll do as you say - list the alternative fonts (frankly speaking I didn't know what that set of fonts did untill now, thanks). What do you think will be the best alternative for Lucida Sans:

font-family: "Lucida Sans", "Geneva", "Georgia", "Verdana", sans-serif;

You say it's possible to use flash to help me - how does it work, is it difficult to do?

Thanks in advance.

You can also do this using ASP, using a constants file and a few funcky functions.........

actually, scrap that. The idea I had would have spit out an image, perfect for producing headings etc, but wouldn't work for main text in your site.

Ignore me

__________________
WelshStew
Lead Administrator
tierney rides tboard - uk site | xtreme wales - extreme clothing
If you think I've helped, click the "Thanks"
webforumz - facebook | LinkedIn

Leave out Georgia, because it's a serif font (the others are sans-serif).

Ok, then:

font-family: "Lucida Sans", Geneva, Verdana, sans-serif;

That should do - thank you all for your help.

For headings, have a look at http://en.wikipedia.org/wiki/Scalabl...sh_Replacement

Or you can head on over to the FAQ section of our newsletter

Thx