In this small article, let’s learn how to add Google fonts to your web page. Google Fonts is a library of 999 free licensed font families, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS and Android. You can use any fonts from the official Google Fonts’ library for personal and commercial use for free, but it is advised to read the license before you use any Google font.

Before you add Google font to your html. you can browse through their catalogue at https://fonts.google.com and select your fonts.

If you like a style, click on select this style. You can select the styles you want and they will be added to your style family.

Once you have selected your styles, click on Embed on the right pane. You will see the html embed code.

It gives your the code to link to the font family and the css styling which is straightforward to use in a html page.

<link href="https://fonts.googleapis.com/css2?family=Red+Rose:wght@300;400&display=swap" rel="stylesheet">

font-family: 'Red Rose', cursive;