7/01/2010

[Web] Googles Web fonts

Often, when comparing websites in different browsers, its also a good idea to check how they look in different OS. It can be very depressing.
Or maybe you want to add a nicer font and not those boring web standard fonts to your website.
That's where the Google Web fonts come in handy.

Google provides a set of Fonts from which you can choose from and returns you a code-snipped. The snipped will look something like this:
< link href="http://fonts.googleapis.com/css?family=%3Cspan%20id=%22url%22%3E%3Cstrong%3ETangerine%3C/strong%3E%3C/span%3E" rel="stylesheet" type="text/css">
Add this code to your Header and you're good to go set the font to (in this case) Tangerine in your CSS file.

This way you can not only make sure the fonts look similar on every system, but you can also choose fonts that aren't web standard.

This Google Project is still in heavy development but it might evolve in something really nice for web developers.