What Are The Default And Web Fonts of Blogger Platform?
Know what are the Default and Web Fonts integrated with Google Blogger Platform? A guide to finding the best free website fonts via Google Blogger.
The font is the main thing to write and design the
text on a website. There are huge fonts available over the net, but all of them
are not usable. Every font has some unique feature and shape. Suppose Arial The font has different looks and variants. It can be written with Regular, Bold and
Italic style but Impact font can be write in Regular format. So it has only one
variant.
We already well acquainted with almost all
major Blogging platforms like Blogger, WordPress, Drupal, Weebly, Ghost and you
will see all Blogging platform has integrated own Font directory. This will
help to load Font while opening a Website in a non-supported browser. For example, you are using Arimo font in your Website but in your site’s visitors, PC hasn’t
installed that font then your site will look odd with unknown Fonts. So by integrating
and hosting fonts in your own Blogging platform it is helping the site owner to run
it smoothly.
The most popular Blogging platform is Google Blogger.
Formerly we have seen there are few fonts were integrated with it. But after the rapid refurbishment of the Blogger platform now they have integrated 91 Fonts for
their blogging platform users. This is really good news for existing and
potential Blogger platform users. However, we can classify the whole Fonts into 2
categories.
- Default Font
- Web Font
What is the Default Font?
Default Font are those which is generic Font
and available in almost all Operating system and support all types of browsers.
Default fonts are very lightweight to load so when a website uses the default font
then that website run fast.
What are the Default Fonts Google Blogger uses?
There are only 7 default Font are available in
Google Blogger which can be used directly on the Blogger template. And it is very
lightweight. And your site won’t feel any burden to load it with your Blogger template.
- Arial
- Courier
- Georgia
- Impact
- Times New Roman
- Trebuchet
- Verdana
Besides this, we can use some other Font like
Tahoma, Helvetica, FreeSans, sans-serif which is also available almost on all
operating system. And it will load faster without affecting site loading speed.
What is Web Font?
Web Font is generally loaded from the Google
server. Those are hosted on the Google Font server. And if you use those web fonts
then every time those fonts load from the Google server and at the source code of
your Blog it generates a CSS file to load the font perfectly. But it is not visible all the time.
What are the Web Fonts Google Blogger uses?
Google Blogger included almost all popular Web
Fonts in the Blogger platform. You can use those in Blogger default and a custom
template. There are altogether 84 web fonts integrated with the Blogger platform. However, if you wish to use a different font then you can use it from the Google Font library.
But you have to add a Font CSS file in your Blogger template.
- Allerta
- Allerta Stencil
- Arimo
- Arvo
- Bentham
- Calibri
- Calligraffitti
- Cambria
- Cantarell
- Cardo
- Cherry Cream Soda
- Chewy
- Coming Soon
- Consolas
- Copse
- Corsivo
- Covered by Your Grace
- Crafty Girls
- Crimson Text
- Crushed
- Cuprum
- Dancing Script
- Droid Sans
- Droid Sans Mono
- Droid Serif
- Fontdiner Swanky
- GFS Didot
- GFS Neohellenic
- GEO
- Gruppo
- Hanuman
- Homemade Apple
- IM Fell DW pica
- IM Fell DW pica SC
- IM Fell Double Pica
- IM Fell Double Pica SC
- IM Fell English
- IM Fell English SC
- IM Fell French Canon
- IM Fell French Canon SC
- IM Fell Great Primer
- IM Fell Great PRIMER SC
- Inconsolata
- Indie Flower
- Josefin Sans
- Josefin Slab
- Just Another Hand
- Kenia
- Kranky
- Lobster
- Luckiest Guy
- Merriweather
- Molengo
- Mountain of Christmas
- Neucha
- Neuton
- Nobile
- Old Standard TT
- Open Sans
- Oswald
- PT Sans
- PT Sans Caption
- PT Sans Narrow
- Pacific
- Paytone One
- Permanent Marker
- Philosopher
- Play
- Puritan
- Reenie Beanie
- Roboto
- Rock Salt
- Schoolbell
- Slackey
- Sorts Mill Goudy
- Sue Ellen Francisco
- Sunshiney
- Syncopate
- Tinos
- UnifrakturMaguntia
- Unkempt
- Vollkorn
- Walter Turncoat
- Yanone Kaffeesatz
Among 94 web fonts, there are some popular
fonts are widely using in template designing. Such as
- Droid Sans
- Open Sans
- Oswald
- PT Sans
- Roboto
- Yanone Kaffeesatz
The above Fonts are using for heading font in
websites.
How to use Fonts Directly on Blogger Default Template?
This is very easy to use Google font in the default template. Even in many custom templates now it is supporting
automatically.
Step
1 Log in to your Blogger Account and
Go to your Blogger Dashboard
Step
2 Click on -> Template -> Customize->
Step
3 Now Blogger Template Designer option will open. And from there select Advanced Tab -> Main Font. This option may come differently in your Blogger template.
Step 4 Under the main Font select your Heading Font, Blog Title Font, Blog Description Font, Page
Text etc.
Step 5 Finally click Apply
to Blog Button from the top right corner of the screen.
However, you can see changes according to your selected
Font style. This feature can be used if the variable is defined in your Blogger template.
But if you didn’t define any variable then do it manually but select the Fonts
from the above lists. The example has given below-
.post{font-family:'Arial';overflow:hidden;font-size:13px;color:#555555;}
In the above example, I have used Arial font as font-family. You can use a different font. I hope you are now able to change your Blogger template font easily. After changing the font manually don’t forget to save your Blogger template.
That’s all about Google’s default and web fonts.
I hope this tutorial will help you to select appropriate Font in your Blogger template.
7 comments
Sir Bloge Alert Box এর কাজ কি । আর আপনার bdarena.com সাইটে কি Alert Box আছে ।
http://www.bloggerspice.com/2016/01/how-to-improve-Post-Engagement-by-using-custom-notification-boxes-in-blogger.html