How to use Google Fonts using HTML and CSS

Hi friends, in this tutorial I will explain how to use Google fonts using HTML and CSS on web pages or any kind of web application. It is very simple and easy to use google fonts as the CSS link for google fonts and google Roboto fonts is already available in Google. We just need to copy the link from Google and save it in an external CSS file.

Also read, How to create three column layout equally using HTML and CSS

Required steps to use google fonts using HTML and CSS

Step 1:- Go to Google and search for Google fonts as shown in the below screenshot.

Step 2:- Choose a font family from the various options provided by Google as shown in the below screenshot that you want to apply to your web page or application.

Step 3:- Here, you can see the different styles for the font family you have selected in step 2. Now you can select the style as shown in the below screenshot.