Wasn't sure what title to give this or whether this is a css or javascript question.
How can I use a non-standard font on my website and have it viewable by others without using an image?
Here is an example: http://typekit.com/
Printable View
Wasn't sure what title to give this or whether this is a css or javascript question.
How can I use a non-standard font on my website and have it viewable by others without using an image?
Here is an example: http://typekit.com/
I've used FLIR before: http://facelift.mawhorter.net/
1.2 for php4
2.0 beta 3 for php5
This page seems to have the relevant information:
http://www.howtoplaza.com/how-to-use...bsite-with-css
I have not used this much so I am not sure about compatibility issues, but it should at least work on many machines.
Thanks for the links. They are both helpful. I am going to post in the css forum for further help with @font-face.
Remember that it will revert to whatever other fonts you have listed if for some reason one doesn't load. So you can get most browsers to at least look somewhat close to what you want (such as serifs or sans serifs), and all browsers will display the text in one form or another.
Aside from compatibility, the main problem with this method is that it only works with .ttf font files (I think) so that's somewhat limiting.
If you absolutely need a font you'll need to use images, or potentially flash.
There is a link in the page you suggested for getting it to work in IE, (which apparently only allows for the .eot format prior to IE9), which works pretty well.
The link Beverlyh gave allows for the quick generation of relevant images, which should work in a pinch if I can't get this to work.