Top 5 Blogger Blogs And Their Font Style With CSS Code

Top 5 blogger blogs and their font style with css code for you. Text style like Problogger, mybloggertricks, shoutmeloud, basicblogtips and blogging tips.

Top 5 Blogger Blogs And Their Font Style With CSS Code
Top 5 Blogger Blogs And Their Font Style With CSS Code

When we talk about blogging there are few blogs that come first in our mind and everyone today who is blogging want to have a website and blog like them. I also want to make my blog like the others that i am going to mention below. I think we are all familiar with these top 5 bloggers and mostly everyone reads their blog. These are : -


I am a regular visitor of these 5 blogs and take seriously whatever they mention. And I want to reach up to that level where they are today. Either it is traffic, Money or readership and loyalty, They are all perfect and very successful. So i thought what if it will take time for us to reach up to that level but when it comes about design and typography that they use then at least we can take inspiration from them. So for that purpose I am sharing their font style with css code so that you can copy the code and have the same font style like mybloggertricks, Problogger, shoutmeloud, basicblogtips and blogging tips.

If you are familiar with blogger template editing then you can easily replace your default font style with these. And believe me if they are using these font styles then for sure there is something hidden in it. And they are successful too. So follow the successful persons and one day you will be like them.

So below are the font style css code that you can copy and paste in your template to match with the successful blog's font style.


Basicblogtips is run by lleana smith. Very successful blog. Below are the font style that lleana smith is using for their blog. You will see every post with most number of comments that also shows how popular that blog is. Blogger branding By Ana Hoffman

color: #222;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 17px;
font-weight: normal;
line-height: 1.625;
margin: 0;
padding: 0;
text-decoration: none;

He is most renowned blogger in this field and very successful in blogging. This blog is run by Darren Rowse and he is experienced and shares his knowledge in a story way. Blogger design tips

color: #333333;
font-size: 14px;
font-family: Arial,Tahoma,Verdana;
line-height: 24px;


My blogger tricks is run and managed by Mohammad Mustafa Ahmedzai. Using blogger as a platform and is an idol for many of bloggers like me. He shares blogger tips and blogger widgets.

line-height: 1.6em;
font-size: 14px;
font-family: helvetica, arial;
color: rgb(85, 85, 85);


Bloggingtips is run and maintained by Zac Johnson. This blog has been active since about 2007 and now a perfect place for guest bloggers. You will always find something interesting in this blog. Below is font style that bloggingtips is using for their posts. How to convert interview into backlinks and traffic

color: #000000;
font-family: proxima-nova;
font-size: 16px;


Shoutmeloud is run and maintained by Harsh Agrawal. He is an Indian and ideal for many newbie bloggers like me. He got success from his blog in terms of making money and readership. His writing skills are excellent and everyone gets lost in reading his posts. He worked hard and today a successful person.

color: #111111;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
text-align: justify;

So this were the top 5 bloggers blog named as basicblogtips, problogger, mybloggertricks, bloggingtips and shoutmelous. You can have the same fonts like their blog. Copy the css code and paste it and you are done.
Next Post Previous Post