Google Fonts Implementation Guide – How to use Google Fonts

Published on: November 16, 2014   Last Updated on : June 1, 2018   Posted By : WebDesignReference

Google Fonts Implementation Guide

Google Fonts Implementation Guide – Simple Steps to use Google Web Fonts in a web document.

Step 1 : First go to Google Fonts Website or type https://fonts.google.com in url bar in your browser.

Step 2 :Choose a font family like “Open Sans”, “Roboto”, “PT Sans”, “Ubuntu” or many other google web safe fonts from Search Box in right hand side of the page or Direct move to Font Family Box from top to bottom.

Step 3 :Click on Plus Icon (+) on right hand side of font-family box.

Step 4 :Click on Font Family Selected window in bottom of screen.

Step 5 :Click on Customize button for choosing styles like “normal”, “bold”, “light” of selected font Family.

Step 6 :To embed your selected fonts into a webpage , Copy the code into your html document under <head> </head> like:

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

Step 7 :Insert the font CSS code into your stylesheet like.

font-family: ‘Open Sans’, sans-serif;

Also Related to HTML5

 

Leave a Reply