Visiting a large number of websites and blogs has given me a different perspective on the finer details of the images and text that appears on my monitor. I totally believe in the freedom to be different and in expressing individuality, but not at the cost of driving away potential readers. Unless, of course, the goal is not to have any followers or users of your site.
Let’s talk about something that is immediately identifiable and either makes or breaks a blog for me.
Maybe you’re scratching your head and thinking, “Why is The Redhead Riter going to teach us about a basin for holding baptismal water in a church?”
I’m not “riting” about baptismal fonts! A font is also a specific size and style of type within a type family.
What do you notice about the above fonts?
Did you say font type?
Well, you’re right, but is that all you noticed?
Yes! Right again! Each has a different color and appears to have a different size.
They do have a different color, but they are all size 24 px which stands for pixels. A pixel is just a unit of measure. The “x” in the word below illustrates each pixel or square that makes up the letter. In the example, the “x” is 9 pixels high. It is not true to font size, but illustrates my point.
Sizing fonts with pixels is very accurate because you are telling the computer the exact number of pixels (little squares) high that you want your text letters. It is also my most favorite method of sizing text because it has less variation than other methods.
Think of it like shopping for a man’s dress shirt. Men can buy a shirt that is sized: “16-34/35” which says that the neck is 16 inches and the sleeves fit 34 and 35 inches or “Large” which means it is bigger than medium and smaller than extra large. Obviously, one method is more exact than the other. Also remember, just because you wear petite, doesn’t mean everyone can fit in your dress. Translated means, make the font large enough to read for the masses.
It is best to keep the font style simple so that it can be easily read by the viewer and varying monitor resolutions. Basic fonts such as Arial, Gills Sans, Helvetica, Sans Serif and Lucida are very popular because they are simple and can be translated from the screen with ease.
“This is text” with letters 20 pixels high in Arial font has HTML coding that looks like this:
Do you understand pixels and fonts now? Last week we learned about pictures.. Do you remember the message?
As always, attached is the weekly Linky to enter either the main URL to your site or add each post you publish throughout the week.
Until next week’s wooing post, enjoy your blog, and enjoy using pixels!