How to Add Custom Fonts In Blogger | Hacking Is Magic

One thing which makes your Blog different from other is Fonts.When you plan to own a blog, a lot depends on how your blog looks. One of the factors is the font that you use in your posts. Other than the default web fonts available for choosing, Google provides another outstanding service with Google Web Fonts. These customized fonts are easy to incorporate in your blog to make it look the way you want it.


Follow the below steps to achieve this.


2. Choose the font you like. For a more better picture you have 3 view options, Word, Sentence and Paragraph. To customize it further you can change the display text, font size and sort by trending, popularity etc..



3. Once you have chosen the font, add it to the Collection by clicking the blue button below each font display.


4. Once reviewed click on the Use button below. Scroll down, select the styles you want and copy the code given in Step 3 on that page. Paste the code in your blogger header.
For doing so, go to Blogger->Design->Edit HTML and paste the code below <head>.

Remember to add a forward slash (/) after css in the copied code.

Earlier Code : <link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>

Modified Code : <link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'/>

5. Copy the code in Step 4 in Use tab. Now search the css class “.post-body” in your template. Paste the copied to the class so that the added font will be reflected in the posts. That's it.

Comment if you have any trouble in adding it.