Google Web Fonts
For those who don’t know, Google has been creating a database of fonts you can link to and use on your website. This lets designers and developers get away from those old clunky looking out of date web-safe fonts and step calmly into the future. Also, the implementation of the code is really easy.
First you review fonts based on specific parameters, select a font, and then click “use”. This will send you to a page to select the versions of the font you would like to use (Bold, Normal, Italic and so on). After making your selection, you add a link in your header tag like such:
<link href=’http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700|Crimson+Text:400,700&subset=latin&v2′ rel=’stylesheet’ type=’text/css’>
Then in your style sheet, you call the font like normal:
p .yourStyleHere{ font-family: ‘Open Sans’, sans-serif; }
It really couldn’t be easier to get fonts on your site now. Best part, the user doesn’t even have to own the font anymore, and you don’t have to store it like you had to do with @font-face code. This is a big plus in my book. Good job Google!

Be The First To Comment