How to set primary, secondary and tertiary fonts for Blogger blog

Blogger platform allows changes to be done to its HTML. By default, the fonts of your blog posts for templates provided by Blogger are Times, Georgia, Arial, Trebuchet and Verdana. If you set a third party template then it may set its own fonts. But what if you want to customize just the font of your template without making any substantial changes. My following tweak will give you so much customizability as far as fonts of your blog posts are concerned.

What are primary, secondary and tertiary fonts?

Let’s say you like a certain font and want to set it as your font for blog posts. But have you thought about how the page will look on some other computer on which the font you like is not installed? The page will not look catchy as the browser will display it in some other font available on that computer. This way your efforts will be useless. So to rectify this problem, we will use the concept of primary, secondary and tertiary fonts. Here you will have to select 3 fonts that you like and consider your most liked font as primary and least liked font as tertiary. And we will set it accordingly so that if a computer does not have the primary font installed will check whether the secondary font is installed or not. If it is, then it will show the blog post in secondary font. If secondary font is also not available then it will jump to tertiary font and display the blog post accordingly. The key here is, you need to set the well known font as your tertiary font so that most computers will have it accordingly.

For example, in this blog, I have set the following as my fonts:

Primary: Segoe UI (which is available on all Windows Vista and Windows 7 computers; very decent; Looks very good)

Secondary: Century Gothic (found almost everywhere from Windows 2000 to Windows 7 but I am doubtful on Linux OSes; somewhat decent; Looks not that bad)

Tertiary: Helvetica (one of the widely available fonts; not so great; Looks average but better than others of its kind)

So without much ado, I will show you how to set your fonts.

1) Go to ‘Edit HTML’ subsection and search for ‘font-family’. You will find many instances of ‘font-family’ in your blog.

2) Set the ‘font-family’ code as shown below:

font-family:Your primary font, Your secondary font, Your tertiary font, sans-serif;

I hope you liked this small tutorial. Feel free to ask questions in the comment box below. Don’t forget that you will gain a link back too. Keep blogging.

Technorati Tags: changing fonts in Blogger,fonts in blogger posts,blogging tips