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.