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
- HTML Tutorial – Learn How to Design an HTML Page
- Six Proven Ways to Earn Money from a Blog | Web Design Reference
- 24 Easy and Free SEO Tools to Improve Your Marketing
- CSS3 Gradient Tutorial and CSS3 Gradient Reference
- HTML Form Validation Using JavaScript Tutorial
- Google Fonts Implementation Guide – How to use Google Fonts
- Responsive Web Template Using Bootstrap Tutorial
- Responsive Web Template Tutorial Using Media Queries
- Learn Basic HTML5 Concept – HTML5 Reference Guide