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!important}
- 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 
