Quick Tip – Google Font Directory

Sick of the 16 Web safe font? Well Google has a solution.

Google Font Directory is a list of additional fonts you can add to your website available for use, for free, and really simply. Check out Toolnames which is using the GFD.

To add a new font you just paste the embed code for the font in between your head tags, before your style-sheet and then you are able to use the additional font in your site while knowing it will work in Safari, FireFox, IE6+ and Chrome, on Windows and Mac (maybe Linux).

For instance I want to use Molengo I paste the below into my head tags

And then am free to use Molengo in my Font-Family calls in CSS.

h1 { font-family: 'Molengo', arial, serif; }