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

ASUS Battery Health Charging Software To Make Your Battery Life Longer

Is Nox Player a Malware? Nox Android Emulator

How To Uninstall Angular CLI, The Angular Framework

JavaFX Combo Box with Search Autocomplete

How To Create Spring Boot Project Using Netbeans

Push Notification Cordova, FCM And PHP

How to Add MySQL JDBC Driver To Wildfly

JavaFX Dialog Material Design

How to Embed PDF in HTML Using PDFObject