Google Fonts Implementation Guide – How to use Google Fonts

Last Updated on: April 23, 2020   Posted By: Web Design Reference

Google Fonts Implementation Guide

Google Fonts Implementation Guide – How to use Google Fonts: In this post learn how to implement add google fonts in a web page. Implementation of web fonts in an HTML document with example. Follow and Like us on Facebook, Twitter, LinkedIn, Pinterest for the latest posts.

Google Fonts Implementation Guide

Here are 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;

 
 

Web Design Reference Guide Android App for Website Developers

Web Design Reference Guide Android App: Web Design Tutorial App is a tutorial and reference-based app. It provides Web Design Tutorial and Reference to Web Designers or Web Developers to grow their Web Development skills.

 

Other Related Posts

 

Leave a Reply