How to Use Google Fonts on Your Website

A quick tutorial for adding the popular Open Sans Google font to your website.

To choose a font, visit the Google Fonts page. Our example uses Open Sans.

Add the below into the <head></head> section of your web page, which tells your page where to find the font you specify, in this case Open Sans:

In your stylesheet, add the following font-family line into the body style:

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

The text on your web page should now appear in Open Sans.

The sans-serif is added just as a fall back, in case the Open Sans font cannot be obtained from Google's server.

For more detailed information, see this Getting Started with Google Fonts.

Compare Prices
at LowPrices.co.uk