PDA

View Full Version : site specific fonts



james438
07-27-2011, 11:25 AM
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/ (http://typekit.com/)

Beverleyh
07-27-2011, 12:43 PM
I've used FLIR before: http://facelift.mawhorter.net/

1.2 for php4
2.0 beta 3 for php5

djr33
07-27-2011, 02:59 PM
This page seems to have the relevant information:
http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-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.

james438
07-27-2011, 05:56 PM
Thanks for the links. They are both helpful. I am going to post in the css forum for further help with @font-face.

djr33
07-27-2011, 06:21 PM
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.

james438
07-27-2011, 07:40 PM
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.
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.