How to use google fonts in your html

When we creating a web page one of the main problem we face is using fonts we want in our web page. That is not easy because in order to display the correct font in viewer's browser that font should be installed in that person's device.
Otherwise our web page will not be displayed properly in viewer's device.
Using google fonts is the best solution for that.

How to use Google fonts

1. Type the name of font that you need and find it (In example below finding "Bree Serif" font is shown)
2. Change the appearance of your font (bold, italic etc)
3. Click add to collection.
4. After adding all fonts you want by following step 1 to 3 repeatedly click on use button.
   
   
5. In the next interface scroll down a bit and find the CSS link for your fonts and include it in your html as a style reference (It will render those fonts from that link)
   

Now you can use font you wanted as <FONT FACE="Bree Serif">Bree Serif font</FONT>

Because of Google fonts you don't need to worry about viewer's installed font styles. You can use what ever font you need and make an attractive web pages.

Feel free to add a comment if something was not clear to you or you have something to add.