Fonts In BlogSpot/Blogger Blogs

You can use any font in your blog, but it's of no use if your readers do not have that particular font installed on their computers (as they will see that same text in their font i.e Arial/Times New Roman), for example:
If you use any XY font on your blog, which you have already installed in your computer (and was not supplied with your operating system - Windows XP/Vista), then, the blog when opened in your computer, the text will be displayed in that "XY" font,
but if your readers do not have installed the same "XY" font in their computers, then the same text (from your blog) will be displayed in some other default font like Arial or Times New Roman.

So to avoid these problems, you should usually use only those fonts, which are available with Windows XP/Vista/7.

As fonts available in Blogger are much less than those supplied with XP or Vista, so you can these additional fonts too:

1. Comic Sans MS

The quick brown fox jumps over the lazy dog

Code for this font:
<span style="font-family: Comic Sans MS; font-size: 12pt; line-height: 115%;">The quick brown fox jumps over the lazy dog</span>

2. Impact

The quick brown fox jumps over the lazy dog

Code for this font:

<span style="font-family: Impact; font-size: 12pt; line-height: 115%;">The quick brown fox jumps over the lazy dog</span>

3. Lucida Console

The quick brown fox Jumps Over the lazy dog

Code for this font:

<span style="font-family: Lucida Console; font-size: 12pt; line-height: 115%;">The quick brown fox Jumps Over the lazy dog</span>

4. Roman

The quick brown fox Jumps Over the lazy dog

Code for this font:

<span style="font-family: Roman; font-size: 12pt; line-height: 115%;">The quick brown fox Jumps Over the lazy dog</span>

5. WST_Fren

The quick brown fox Jumps Over the lazy dog

Code for this font:

<span style="font-family: WST_Fren; font-size: 12pt; line-height: 115%;">The quick brown fox Jumps Over the lazy dog</span>

6. WST_Germ

The quick brown fox Jumps Over the lazy dog

Code for this font:

<span style="font-family: WST_Germ; font-size: 12pt; line-height: 115%;">The quick brown fox Jumps Over the lazy dog</span>

7. WST_Ital

The quick brown fox Jumps Over the lazy dog

Code for this font:

<span style="font-family: WST_Ital; font-size: 12pt; line-height: 115%;">The quick brown fox Jumps Over the lazy dog</span>

8. WST_Span

The quick brown fox Jumps Over the lazy dog

Code for this font:

<span style="font-family: WST_Span; font-size: 12pt; line-height: 115%;">The quick brown fox Jumps Over the lazy dog</span>

9. WST_Swed
The quick brown fox Jumps Over the lazy dog

Code for this font:

<span style="font-family: WST_Swed; font-size: 12pt; line-height: 115%;">The quick brown fox Jumps Over the lazy dog</span>

Here are some more new fonts (which you may / may not have installed in your computer):



FONT: Algerian

The quick brown fox Jumps Over the lazy dog


FONT: Bernard MT Condensed

The quick brown fox Jumps Over the lazy dog


FONT: Old English Text MT

The quick brown fox Jumps Over the lazy dog


FONT: Script MT Bold

The quick brown fox Jumps Over the lazy dog


FONT: Dogwood

The quick brown fox Jumps Over the lazy dog


FONT: Stencil Std

The quick brown fox Jumps Over the lazy dog

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

18 comments

Write comments
January 26, 2009 5:50 PM delete

HOW do I add this font code? Where am I supposed to put it?
Thanks

Reply
avatar
January 27, 2009 8:52 AM delete

Thanks for the post. Would you mind sharing what font you used for your own post? I rather like it and would love to add it to my own blog.
Cheers.

Reply
avatar
January 27, 2009 9:21 AM delete

Hi Barb

Just use any of the codes above(in gray boxes) and replace the text (The quick brown fox jumps over the lazy dog) with your own content.

Hello modernekklesia
I use the default font given by Blogger, which is Times New Roman(or simply Times).

Regards
Sai

Reply
avatar
January 27, 2009 9:24 AM delete

And Barb,
you have to use this code, while writing any new post (for the whole post or for any particular section of the post like a paragraph)

like this:

<span style="font-family: Comic Sans MS; font-size: 12pt; line-height: 115%;">Hello guys this is my first post in a new font...</span>

Reply
avatar
February 05, 2009 11:17 AM delete

It’s a very nice bog. I have read all the post in this blog; it’s really interesting and informative. But I have some doubts about this matter. Since blog needs latest info, I humbly request the blog master to update this blog when ever gets time.
I shall link this blog from them. I think this blog needs that as this is very informative.
Thanks lot

Reply
avatar
May 16, 2009 8:47 AM delete

Good hint, but remember that there are OSes other than Windows. For example, more than half the fonts you listed above is not present in my mac .

Reply
avatar
May 16, 2009 8:58 AM delete

Thanks Franko for your appreciation...

@Nirmal
Thanks for adding that point....
BTW, do you mean that mac doesn't have some of the first 9 fonts (which are present as default in blogger) ?

Reply
avatar
September 03, 2009 11:47 AM delete

do you know how to add Segoe UI to blog ?

Reply
avatar
September 04, 2009 11:38 AM delete

Well if I am not wrong, they are licensed to MS, and are available commercially...so donno how many ppl will be using it !

Reply
avatar
November 15, 2009 7:47 PM delete

None of these particular fonts are available on Linux due to their license. Also, people surf the net using cell phones and other non-PC devices today, so you can't rely on anything at all. You can specify Arial and friends if you like, but it's good practice to also specify a standard CSS font family (sans-serif, serif, monospace, cursive or fantasy) as a fallback ;)

Reply
avatar
November 16, 2009 7:06 AM delete

Thanks for adding the useful information Dennis...

Reply
avatar
February 21, 2010 10:19 PM delete

I use Arial and Trebuchet, which till now I have liked the most. Cool idea of changing it, thanks :)

Ava.

Reply
avatar
August 09, 2010 8:40 AM delete

thank u very much
i cant't face or overcome this problem from months
really, thank u

can i use it in my blogger without any problems ?
there is any additional steps ?

Reply
avatar
August 09, 2010 10:04 AM delete

Although you may use any of those fonts, described above in the post, but it would be better if you focus on those fonts suppported by Google-Web-Fonts:
New Fonts For Blogger Blogs | Google Web Fonts

Reply
avatar
Anonymous
October 23, 2011 1:04 PM delete

Hi guys...Dare to try something different? Can grab this free new font here if you like.

http://new.myfonts.com/fonts/layarbahtera/layar-bahtera/

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon