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; }

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s