How to add Custom Fonts in Blogger or Any Website

About billions of years ago, I was experimenting with some amazing new fonts (mostly from dafont and font squirrel) and I found that I can convert any desktop font into web font to use it on almost any website, even blogger (where you absolutely have no option to host any file) and guess what I did host alot of fonts on many of my projects. So today I'll be sharing easiest way to add custom fonts to your blogger blog or any website, all you need is little CSS knowledge.

Steps to add custom fonts to blogger or any website :

So first of all you need to download the font which you want to use on your website or blogger blog, try dafont.com or fontsquirrel.com . If you already have the font then no need to download.
Now here's the magic, we need to convert the font to web font. Head to the Font Squirrel Web Font Generator
Upload your font, click on checkbox - Yes, the fonts I'm uploading are legally eligible for web embedding.
That's it! download your fonts in zip file.
Now upload them at root folder of your website or DropBox if you are using blogger.
Check How to Host CSS on DropBox.
Now after hosting your files you need to add respective links in the css and paste it in your blog's theme (same if you are using html based website)
You can easily do this by going into Blogger > Template > Edit > Find </head> and paste the css above </head> and save.

It should look something like this.

@font-face {
    font-family: 'your-font-name';
    src: url('dropbox-font-link.woff2') format('woff2'),
         url('dropbox-font-link.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

After saving you will need to find the font-family : previous-font; and replace it with the your-font-name in CSS (you will need to have basic CSS knowledge first but still if you are having any problem do let me know in comments)

So that's it guys, We successfully hosted a custom font for your website or blog using dropbox (you can use any hosting platform though if you have your own hosting that'll be great.)
Additional Content :

I hope you must have liked this article, do share with your friends and let me know in comments section which font I should use in my upcoming themes or widgets or just your favorite font.