Google Web Fonts- set of free fonts to use on any website
Here’s a nice alternative to TypeKit. It’s free no matter how many visitor you have on your website, you can use an API or just download the fonts and use @font-face to embed them on your website. You can also download and install them in your OS and use in graphic editors to make nice headers or whatever you need!
Some TTF fonts don’t work with @font-face. How to fix them
Recently I created a nice True Type font (.TTF) to embed on my website using CSS3 @font-face technique. Unfortunately it completely didn’t work- not in Firefox, not in Opera- just not at all. I replaced my font file with another one and it worked just fine in the web browsers. I installed my font in my OS and then I could use it with any application, like OpenOffice or Corel Draw.
Typekit- another way to use nonstandard fonts on a website
I already described cufon method so now I want to focus on another method- Typekit.
Typekit.com is a website which lets you use over 500 nonstandard, nonwebsafe fonts. If you have a website with less then 25000 pageviews per month then you can use they services for free.
Cufon: a way to use non websafe fonts on a webpate
Cufon is a method to convert standard font files into JavaScript code which then uses CANVAS to render fonts on a website. This method works in all major webbrowsers, including old Internet Explorer 6.
To use this method you should first convert your font file using this generator. Then include you JS font file and Cufon renderer in the HEAD section of your websites.
Headers using any font- image header PHP generator
If you got a fancy layout to cut, but the graphic designer used some non-standard fonts, you have to same same headers as images. In many cases you can just make the image headers in your favourite graphic editor, but what if your headers need to change dynamically (e.g. must be editable via some control panel)?
