Top 10 stylish and useful fonts for blogger and website


stylish fonts for blogger and website and how to use them with tentoppest

In that tutorials, we will learn to add additional fonts from Google Font API of various impressive styles to any blog or website. All these fonts are specifically chosen for paragraph use or headings use. Fonts are elegantly customized for use on blogger or any website.
Note: Using too many styles may cause slow page loading.
There is just need of a little bit understanding to perform the task which you will get from that tutorial. Carefully read the tutorial and grip the method to add stylish fonts to your blog/website for permanent or manually add them on the particular blog page(s).

Get Stylish Google fonts and learn how to use them in blogger or website

Following are the great stylish fonts from Google font API:

Font# 1: Tangerine

Tangerine is the most creative, stylish and attractive font style for headings use specifically. That was designed by Omagari Toshi and available for personal and commercial use.
This is Demo of Tangerine.

How to use permanently? (Section 1)

To use that font as permanent part of blog, follow the steps below:
Step 1. Login to your blogger dashboard.
Step 2. Click on the template, Edit HTML.
Step 3. Copy the stylesheet link below and paste just before </head> tag.
<!-- [Tangerine font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet" type="text/css"></link>
Step 4. Use the tag to apply the style wherever you want to:
<span style="font-family: 'Tangerine'; margin: 20px 20px 20px 20px;">
Your Text/Heading Tag
</span>

How to use manually on specific blog pages/posts only? (Section 2)

To use the font styles on specific blog pages/posts only, follow the steps below:
Step 1. Open edit mode of the page/post on which you want to use the font.
Step 2. Open HTML mode.
Step 3. Create that tags <head> </head> and place the stylesheet link between that tags as follow:
<head>
<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet" type="text/css"></link>
</head>
(You can add as many stylesheet links of various fonts as you want.)
Step 4. Now use the tag where you want to apply the font on that page/post defined in step 4 above.
You can add any font by following the simple steps mentioned above divided in two sections.
Following are the best chosen stylish fonts to use on blog/website.

Font# 2: Poiret One

Poiret One is a best and useable font designed by Denis Masharov for personal and commercial use.
This is Demo of Poiret One.
<!-- [Poiret One font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet" type="text/css"></link>

Font# 3. Lobster Two

Lobster Two font is also a quite funky and winning font designed by Pablo Impallari for personal and commercial use for free.
This is Demo of Lobster Two.
<!-- [Lobster Two font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css"></link>

Font# 4. Josefin Sans

Josefin Sans is also a shining font. Many of the blogs are using that remarkable font. Font was designed by Santiago Orozco for free for personal and commercial use.
This is Demo of Josefin Sans.
<!-- [Josefin Sans font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css"></link>

Font# 5. Dancing Script

The font was designed by Pablo Impallari for personal and commercial use.
This is Demo of Dancing Script.
<!-- [Dancing Script font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"></link>

Font# 6. Handlee

That Awesome font was designed by Joe Prince for personal and commercial use.
This is Demo of Handlee.
<!-- [Handlee font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet" type="text/css"></link>

Font# 7. Pinyon Script

Pinyon Script is another loving font designed by Nicole Fally for personal and commercial use.
This is Demo of Pinyon Script.
<!-- [Pinyon Script font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Pinyon+Script" rel="stylesheet" type="text/css"></link>

Font# 8. Bad Script

Bad Script is bad by just its name actually. That font is quite wondrous and remarkable, designed by Roman Shchyukin for personal and commercial use.
This is Demo of Bad Script.
<!-- [Bad Script font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet" type="text/css"></link>

Font# 9. Advent Pro

An awesome font designed by Andreas Kalpakides for personal and commercial use.
This is Demo of Advent Pro.
<!-- [Advent Pro font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Advent+Pro" rel="stylesheet" type="text/css"></link>

Font# 10. Happy Monkey

Happy Monkey is another stylish font with great importance for headings. Designed by Branda Gallo for personal and commercial use.
This is Demo of Happy Monkey.
<!-- [Happy Monkey font stylesheet link] -->
<link href="https://fonts.googleapis.com/css?family=Happy+Monkey" rel="stylesheet" type="text/css"></link>

Before to use all that fonts, must read the Terms and Conditions.
About Author Subscribe
Previous
Next Post »