Google offer font API which allows web developers to import web fonts dynamically. You don’t need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style.

The API allows developers to add web fonts to any web page, fonts are open source and the CSS is cross browser compatible. Below I’ll show you how to include fonts into any web page along with CSS examples of the best fonts from the API.

First I’ll begin with some sample code which will allow you to insert a font to a particular page.

<link rel="stylesheet" type="text/css" href=""
   h1 {
     font-family: 'Tangerine', serif;
     font-size: 48px;

To change the font simply import the relevant font using the google CSS include. Code Below, then exchange the family Parameter value; “Tangerine” to “Black” for example.

  <link rel="stylesheet" type="text/css" href="">

Below are sample fonts direct from the a Google Fonts API directory.