loading fonts into css

[alanag]

I have been told that there is a way to load an entire font into css so that I can use specialized fonts in my sites and the fonts will read correctly regardless of browsers and user computers. Unfortunatly I have only been able to determine that it can be done, but no one seems to know how. Any suggestions??

[MuNKyonline]

I had a go at doing that on one of my experimental sites called Musix.

You can do it using an embedded font. You'll need a program like WEFT to convert the font from a ttf to a eot.

This is how I linked it in with css:

@font-face
{
font-family: FFF Galaxy;
src: url(http://www.munkyonline.co.uk/Musix/fonts/FFFGALA1.eot);
}

I think this only works in Internet Explorer. You have to make a different font type for other browsers. You'll have to search on google to find out how to do that =)

[alanag]

Thanks! I will give it a try! :)

[ADAM Web Design]

If you want a true cross-browser solution, the only safe bet is to embed your fonts into images. While CSS allows for it, as MuNKy demonstrated, it's not really supported all that well.

The downside, obviously, is that the iamges aren't plain text. But you can always create a text-only alternative, use ALT tags, etc. and so on.)

[Steve W]

A much easier solution in my opinion, assuming you have a basic knowledge of PHP and JS?

Works in any browser with JS and images turned on, and can be seen in practice on my CCCP blog (just don't view with Opera or scale the text - both faults of my CSS which I haven't fixed yet - not the technique).

It's called dynamic text replacement.