Pages

Saturday, November 10, 2018

How to use beautiful Nunito font from Google api on blogger

There are quite a number of beautiful font series provided by the Google API. There are easy to read and not very constraint to the eyes of the reader - as you can see on this Blogspot it is using font-family called "Nunito" - this is just one of them and they are few more to choose from as Roboto, Open Sans, Lato, Montserrat, Source Sans Pro, koHo to name a few.

So, in this case, we are going to use "Nunito" for example - follow this tutorial how to put it in the Blogger template.

1. Login to the blogger admin

2. Go to Theme > Edit HTML

3. In between <head> </head> enter this API
<link href="//fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css"></link>

blogger nunito font from google api

4. Save the edited theme and "Back"

5. Now still on the "Theme" tab click on "Customise"

6. Go to Advanced > Add CSS inside the custom CSS enter this code below and save it



.post-body {
font-family: 'Nunito';
font-size: 16px;
}
apply nunito font to blogger

7. You can see the word preview changes and play around with the font-size whichever suit your preference. You are technically Done!

No comments:

Post a Comment