How to use our own fonts in web sites, which is compatible with all users?

Question

I need to use different hi-style fonts in my webpage. But i had fear that, if the user had no such font, then they will be displayed with default font. How to use different new font that should be compatible with all users?

Answer 1

Consider using a normal font that everybody has for body-text, the bulk of your content. There are quite a few to choose from. For headlines, use a drawing package (e.g., MS Paint, Photoshop) to format headlines as images using your preferred font. If you want to incorporate a fancier font for your body text, you can always resort to something like this in your CSS:

font-family: <some-fancy-typeface>, Calibri, "Gill Sans MT", Helvetica, Tahoma, Arial, sans-serif;

Remembering that it will try to use your fancier font first, then fall back through the list of more mundane choices until a match is found. Bear in mind that from a usability standpoint, most people prefer a simple font like Helvetica or Times Roman for their body text (consider Google, Yahoo!, Stack Overflow...). Spicing headlines up with bitmapped images is, of course, part of the spice of web-life.

Answer 2

I use Cufón. It works with all modern browsers, is light and relatively easy to set up.