7:27 PM
Unknown
1. Removing The Existing Font
Go To Blogger >> Template >> Backup Your Template
Click Edit HTML and Search For The Following Code
fonts.googleapis.com
Mostly, This will be available below <head> of the templates.
After finding the above code, you'll see it in the html <link> tag like the image below.
Just remove that html link tagline.
Save Template.
2. Installing New Font in Your Blog
Go to Google Fonts and find the best font that you want to use.
After choosing font, click on "Quick use" button, shown in the image below.
Scroll down and copy the html link tag code.
Go To Blogger >> Template >> Edit HTML
Search For <head>
Paste The Code Below It and Save Template.
If it gives error, try adding / before > at the end, after that ending will be like />.
Okay, now font is installed and lets call it in our template.
Come back to Google font page and scroll down more.
There, you'll see the block like below.
Copy that code and Go To Blogger >> Edit HTML
Search for body { or body{
There you'll see font-famiy:bla-bla-bla;
Remove that font-family property till semicolon and paste the new one there.
Save Template.
If the font is not working properly now than add the following code above ]]></b:skin>
body, h1,h2,h3,h4,h5,h6 .post, .post-body, .content-wrapper,
.main-wrapper, .outer-wrapper, .footer-wrapper, #content-wrapper,
#main-wrapper, #footer-wrapper, #rsidebar-wrapper, .sidebar-wrapper {FONT FAMILY PROPERTY HERE
Paste the font family property in the highlighted and remove
semicolon because we've added !important tag that will call the font
importantly in the given areas.
Save Template
You're Done!
Welcome New font!
7:27 PM
Unknown
Posted in 