Embedding fonts

[Rooroo]

I have tried embedding several fonts in my website. and although they do work, the quality of them is terrible and I dont understand why. They work perfectly in photoshop etc. Any ideas? Im really stuck

[rtrethewey]

It's tough to help without seeing the actual code. Does the page render normally on your system, but looks bad on the server?

[Rooroo]

It's tough to help without seeing the actual code. Does the page render normally on your system, but looks bad on the server?

@font-face {
font-family: 'CODE-LIGHT';
font-weight: normal;
src: url('fonts/CODE-LIGHT.OTF');
}

Yes, it just looks bad on the server.

[Rooroo]

Uh I answered wrong ^. It doesnt render properly on both.

[rtrethewey]

Then you may have the wrong path in the 'src' parameter. Remember that in stylesheets, relative URIs are calculated from the folder where the stylesheet resides. Keep in mind that Internet Explorer doesn't support .otf fonts (at least not directly) so you'll want to have a fallback font selection. Good luck!

[Trips Left]

Also looks as though you aren't embedding enough to fully be cross browser compliant see below for an example:

@font-face {
    font-family: 'ArialRoundedMTBold';
    src: url('fonts/arlrdbd.eot');
    src: url('fonts/arlrdbd.eot?#iefix') format('embedded-opentype'),
         url('fonts/arlrdbd.woff') format('woff'),
         url('fonts/arlrdbd.ttf') format('truetype'),
         url('fonts/arlrdbd.svg#arlrdbd') format('svg');
    font-weight: normal;
    font-style: normal;
}