Since the beginning of the web there have been two sides: Programmers and Designers. These two sides have battled to create the perfect site for users that balances aesthetically pleasing pages with pages that work quickly.
One spot where designers have had problems is using web friendly fonts. If you use Photoshop there are hundreds of fonts available but only a certain few work on the web for all browsers. If you use a font that isn’t supported you would have to slice the psd to create images for the text. Images will slow down the loading of your page and those images would not be picked up by search engines.
List of common fonts can be found here.
Google has come up with a solution to help Designers and Programmers co-exist on the web called Google Font API.
As of right now Google Font API has 18 fonts that can be used. Check out the list here.
Here is all you have to do. Add this code at the top of your page, before your style sheet:
Then in your style sheet add:
Here is the call for the p tag in the HTML:
Result:
Making the Web Beautiful!
