Blogspot/Blogger offers quite a list of fonts to choose from. However, if you really want your blog’s design to stand out from the crowd- you might be thinking about installing a custom font on your blog.
In this tutorial, I’m going to show how you can upload+use any font from Google Fonts.
Go to
https://fonts.google.com . you can choose from over 800 fonts here, so you’re going to find the one you love the most!
1. Choose a font and click on plus(+) button right side on the font.
2. The font will be selected in a slider tab. Here you will find an embed link to style sheetand a CSS style tag. Copy the embed link from here.
3. Now it’s time to import your font onto Blogger, login to blogger.com and open your blog’s dashboard. Click on "THEME", Then click on "EDIT HTML"
4. Click anywhere in the box and press Ctrl+F to open the search box. now type "< b: skin >" in search box and press "ENTER". this will take you to the "< b:skin >" tag highlighted with yellow color. now paste the copied link above it or you can put it any where in to the "< head > " tag.
5. Now copy the CSS style tag from google font site and replace with the font you want to change.
Let’s say you’re going to change the font of your posts titles, simply paste the CSS style tag after ".post h3 {" between "{}" this bracket replaced the existing font- family or add the new tag.
6. Finally press the "Save Theme" button and you're all set.
Watch this video tutorial
No comments:
Post a Comment