Today I tried switching a website to web fonts. It was pretty easy to implement using Google Fonts.

1. Choose a font

Go to Google Fonts and find a font family that you like. Check the box next to each style variation you want to include (light, normal, bold, italic, etc.).

Google provides you with a link to the font files you selected. Just copy and paste it into either your HTML:

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

Or your CSS:

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic);

 3. Use it in your CSS

Now you can use that font family in your CSS declarations:

body { font-family: 'Source Sans Pro', sans-serif; }

That’s it!