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.

Buy the Samsung Galaxy S25 Ultra from Three:
- Powerful octa-core processor for snappy performance.
- Galaxy AI Assistant helps you get things done quickly.
- Pro-level photography in your pocket

Compare Prices
at LowPrices.co.uk

Home / Site Map | Contact