WebRef.eu  - Internet Marketing and Online Business Resources  

Home / Site Map | Contact


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:

<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />

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.

Low Prices UK Shopping

Compare Prices
at LowPrices.co.uk

Home / Site Map | Contact

All Content ©2020 WebRef.eu