December 30, 2008

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



18 comments:

Barb said...

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

modernekklesia.com said...

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.

Divya Sai said...

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

Divya Sai said...

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>

Franko said...

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

Nirmal said...

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 .

Divya Sai said...

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) ?

hackrishna said...

do you know how to add Segoe UI to blog ?

Divya Sai said...

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

Dennis Murczak said...

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 ;)

Sai @ Blogger Help said...

Thanks for adding the useful information Dennis...

Social Networking Blog said...

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

Ava.

erwan said...

its cool...
thanks...

الفجرُ الآتى said...

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 ?

Blogger Help said...

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

kaspar said...

really thnx

Anonymous said...

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/

Anonymous said...

lez sohbet odaları
lez sohbet
cinsel sohbet odaları
cinsel sohbet

türkiye sohbet
çet odaları

chat
yetiskin sohbet
denizli sohbet
chat
thanjs

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

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

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy