How To Use Roboto As Our Blog Font Family For Blogger

Roboto Font Family what it looks like

Roboto font is very popular on Android device with material design principle, the font looks so smooth and normal, just as what we mostly see on letters of most books and mass media.

If you have a blog on blogger. then you might want to use Roboto as your blog font style. It is not hard to implement it. Just follow these simple steps below:

1. Login to Blogger
2. Open menu Theme, on your selected theme, click the three dots icon then Edit HTML
3. To embed your selected fonts into your blog, copy this code below before </head> of your HTML document.

The HTML codes is really long, so just find the </head> tag by using CTRL + F key.

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"/>
<style>body,p{font-family: 'Roboto', sans-serif;}</style>

Specify using CSS rules, which classes or tags you want to have a Roboto font on it, in this above example we specifying for body and p tag only.

4. Just hit the Save button, and visits your blog to see the changes

Now your blog will start using Roboto font. Maybe your visitors will like it because Roboto font make the texts looks smooth and much more beautiful. And may be it can improve your blog traffic performance as well.

Roboto font is under  sans-serif font family, so why it's look normal, if you don't know what it is, it's basically a group of text which has no which stroke, just modern font.

Comments

Popular posts from this blog

ERROR 1348 Column Password Is Not Updatable When Updating MySQL Root Password

How To Create Spring Boot Project Using Netbeans

How To Connect SSH Using PEM Certificate On Windows

Flutter Button With Left Align Text and Icon

How To Use React Ckeditor Upload File Image With Demo and Example Codes