Today we will learn How To Use Google Font In Blogger (Blogspot) website font. If you have a website in blogger.com and want to change a font then this tutorial is for you. In this tutorial, we will change the font just in three steps.
So, let’s get to start it.
Find out what fonts are installed on your blogger website
First of all, we need to know what fonts are installed on our website. That’s why we have to go to the inspect by right-clicking on any text on the website and then scroll down to the right side to see what fonts are installed on our website.
Choose the font you want to use on your blogger website
Now if we want to install a new font then we need to choose the font from Google Fonts. That’s why we have to go to fonts.google.com and choose a font from this website.
You will see hundreds of fonts displayed on the page. Okay, after choose your desire font, click on the font. Here I have selected the font named “Hind Siliguri”.
Then you can select a style for fonts. Like Thin, Light, regular, bold, etc.
From here, choose what you want to use and click on Select this style to the right. Then it will open a sidebar. From this sidebar, we just need to copy this code only.
replace the new google font with the one you are using
Now we need to add the code in our Blogger.
For this go to Blogger Dashboard > Theme > Edit HTML. After that press Ctrl+F search for “</head>”.
We just need to paste the code inside the head element.
After pasting the code in the head section, mark all codes and copy them.
Now We will replace some words with a text editor. So, you can open Notepad++ or Microsoft Word on your computer and paste those codes there. After that press Ctrl+H and it will open a replace tab. In the first box, type your present font name, and in the second box, type the new font that you chose.
After that click on Replace all. It is basically used to easily replace a word with another word.
Okay after replace, Copy all codes of Notepad++ and paste it in Blogger Dashboard > Theme > Edit HTML.
- Best 5 Free Blogger Template For Blogging
- Add Web Push Notifications To Your Blogger Website
- Add Facebook Chat WordPress And Blogger Website
- Add An XML Sitemap To Your Blogger
And now click on save.
That’s it! The website will now load with the new font.
If you have any questions, please comment below.