How to Use Google Font in the website

How to Use Google Font in the website

In this article, we are going to explain how to use Google web font in the website. We are going to explain step by step process to implement Google web Fonts in the website.

Step 1:  Go to http://www.google.com/fonts

Step 2: Select the font that you would like to use on the website, e.g Roboto.

Step 3: Click on the Quick Use icon

Step 4: On the quick use page, scroll down to add this code to your website by Selecting, click on the @import tab and copy the code past in your style sheet.

Step 5: Use the fonts to your CSS file by adding the line below to your CSS file

font-family: ‘Shadows Into Light’, cursive;

Tags

  • How to use google font in CSS

  • Google fonts

  • How to use google fonts in HTML

  • How to use google fonts in google docs
  • How to use google fonts offline
  • Google fonts download

  • Google logo font

  • Best google fonts

Related Posts

Easy Way To Design A Web Page Using Fireworks

Easy Way To Design A Web Page Using Fireworks

Learn how to design a website with Adobe Fireworks We provide you a tutorial on fireworks to create a web page. In this, we are going to learn how to design and visualize the web page Step One:

Read More
How to Fix Image Upload Issue in WordPress Media Library

How to Fix Image Upload Issue in WordPress Media Library

WordPress is a popular platform for building websites due to its flexibility and ease of use. However, like any other platform, it’s not without occasional technical hiccups. One common problem

Read More
Tips To Hire A Web Development Company

Tips To Hire A Web Development Company

Given the pace of technological advancements and highly-competitive business landscape, having a digital presence is a mandate for businesses to gain visibility and to ensure sustainability. A website

Read More