Skip to main content

Font Size Measures: Options and Preferences

What is the Most Important Element in Designing Your Website? When you begin to design that perfect website, what do you think is the very first thing that you should be concerned with? Color? Templates? Graphic design? No. The first thing on the agenda should be font size.
“Font size,” you say? “Why should one be concerned with something as mundane as font size when there’s a whole website to be concerned about? So, you must be joking, right?”

Font Size Must Be the First Consideration

Sorry, this is no joke. Font size can, and will, make or break your website. The fact is that if your website is not readable, no one will stick around to try and decipher it, no matter how attractive the site may look at first glance.
The font size needs to be considered with care; a too large font can be just as unreadable as a font that looks like an array of tiny dots, no matter how hard you try to focus.

Four Ways to Consider Font Sizes

Fonts sizes are usually defined in four specific ways:
1. Absolute
2. Relative
3. Length
4. Percentage
Font sizes that are absolute are defined by the user-agent. These include the familiar xx-small all the way to xx-large; the default size usually being the x-medium. When a font size is relative, it means it is relative to the parent element, which makes it either larger, smaller or the exact size.
Length usually means a font that has some absolute measurement, such as an inch or centimeter, while a percentage is an absolute font that is relative to the parent element.

Reader Accessibility is Top Priority

One thing to remember in selecting the correct size for your typography is how accessible it will be to your readers. If your readers are mostly young adults, a smaller size may work but if you are wanting to appeal to a more mature audience, then your best bet is to choose a font size that is not only larger, but extremely readable.

Ems or Pixels?

A good accessibility trick is to create your design in ems. This function lets your chosen fonts become larger or smaller according to your readers’ individual browsers. Designing in ems allows the size of the font to become relative to the parent element. On most websites this would designate the font to be sized relative to the user’s browser.
One word of caution – one issue to consider in the use of ems is the possibility of not controlling the look of your site. With ems, your website fonts will scale relative to the default size of the browser, which can sometimes create a rather wild font size.
If desiring control over the look of your site is a must, then the alternative, and possibly best option, is to create in pixels. Pixels are the standard and results will usually hold few surprises in the look you want for your website.
Just remember, whatever decisions you make for website viewing, always consider your reading accessibility and the comfort of your visitors. This one area can make or break your website.


Popular posts from this blog

Top 5 Women Who Impacted Technology in 2010

Katie Stanton, International Strategist for Twitter Katie Stanton has impressively long names of companies in her resume. They include the White House, Google Inc, and her latest addition is Twitter. Her remit is working on Twitter’s international strategy and her experience in social media will be a key asset to the company. Katie has a history of working in technology, and her knowledge of departmental laws will help Twitter work alongside government agencies, as she’ll be spearheading the free information approach, especially after the Wikileaks incident. Stanton has been a key player in the techsphere for some time, and this extends to her private life. Following the Haiti disaster she worked with a group of engineers to create a free texting service to help those in need and she is constantly in demand as an expert in both social media and government policy.
Caterina Fake, Co-Founder of Flickr and Hunch Despite having a surname which sounds like a pseudonym for a spy (it’…

Evolution Of Computer Virus [infographic]

AT&T MiFi 2372 review

In the week or so that I have been testing the AT&T MiFi 2372 by Novatel Wireless, it has already saved no less than three lives. First, it saved my cable guy’s life. You see, Time Warner Cable provides the worst home Internet service I have ever experienced. I can’t even think of a close second. If providing terrible home Internet service was a sport, Time Warner Cable would be on its tenth consecutive undefeated season. Forget the fact that my upload speed is capped at 60Kbps and I’m lucky if I can get half that — it has been months since I’ve gone through a full day without at least one service interruption. Months. Unfortunately, Time Warner Cable has an exclusive contract with my building so I have no choice but to endure its abysmal service. Last week, as a Time Warner Cable technician entered my home for the sixth time in two months, I realized that this certainly would have spelled serious trouble had it not been for my trusty new back up device. Before the Mi…