Web Typography: 10 Tips for a More Professional Website

Photo by Stephen Hampshire / Flickr

Have you had complaints about your website recently? The good news is that the fix may be something as simple as changing the fonts you use. Web typography is an art form and a science, and it’s important to take the time to make sure you’re using the right fonts to display the information on your website. Read below for ten powerful ways to make your website more professional (and reader friendly) by choosing the right web fonts.

Ten Tips for Better Web Typography

Here is a short list of ten things you can do to make sure your website looks as good as possible on any device out there.

  1. Know Your Fonts – The first thing you need to do is look at what font families you’re looking at. For web publishing, you generally want to go with a sans-serif font for body text.
  2. Understand Sizes – People are going to be able to change the font size on a website most of the time depending on what type of device they’re using to view your website. You should be aware of this and plan for it.
  3. Develop Hierarchy – This simply means you want your largest headlines to be bigger than the sub-heads and body text.
  4. Emphasis Words – Whether it’s a bold tag or maybe italics, adding emphasis to words can really help make your content pop.
  5. Length of Lines – The length of lines of text is also something very important that you need to watch carefully.
  6. Line Spacing – Known as leading (pronounced letting), this is the amount of whitespace that appears between lines of text.
  7. Alignment – You should know when to use center or right alignments. Most of the time, you’re going to want to go with traditional left or even left justified.
  8. Color – While you want to use it sparingly, a little bit of color can really make a difference when people are trying to read your website. This is especially true for headlines.
  9. White Space – Speaking of white space, you want to make sure your text isn’t too cramped together vertically or horizontally. The more white space you have the better in most cases.
  10. Bending the Rules – While there are a lot of typography rules that should be followed, once you know the rules (and your audience) you’ll also know when you can bend the rules a little without interfering with readability.

Following any of the ten tips above will help your website, but if you can manage to do them all there’s a good chance your website is going to sparkle and shine like never before. If you have any other tips for web typography, feel free to write a comment and let us know what you do to make sure websites you design look great and are easy to read.

Written by: Leonard Albanese is a man with a mission – to educate and entertain as many people as possible with his rich and full knowledge of the world wide web.