Most common typography spacing mistakes

Here at Pumpkin Web Design Manchester, we are Manchester’s leading web design professionals. And we work with companies and clients around Manchester, and the surrounding region, including Wigan and Southport, to provide stunning and effective web design solutions. As a result, we have produced this guide to everything you should know about the most common typography spacing mistakes.

What are the most common typography spacing mistakes in web design?

Correctly spacing the typography on your website is a key consideration that can have a significant impact on your overall web design, including the practicality of this, as well as the visual design. But unfortunately, there are some common mistakes that are often repeated with regard to the typography spacing, and these include:

  • Not enough space between letters
  • Not enough space between words
  • Not enough space between page borders
  • No consideration for responsive design

Not enough space between letters

One of the most common typography spacing mistakes is not leaving enough space between letters. This can make all the letters appear bunched up together, and it can be incredibly difficult for your potential customers or clients to read. As a result, they are likely to skim over the written content, without taking much of it in, and that’s if they don’t simply leave your website at once.

Another aspect to the space between letters is leaving too much space. Too much space can make it just as difficult to read the content and can make different letter sections look like different words.

Not enough space between words

Similarly to not leaving enough space between letters, the space between words is also important. This should be 1.5 to 3 times as much space as you use between letters, depending on the style of the typography and any serif flourishes. When not enough space is used the words can all run together, meaning that your website users will have to spend time and energy decoding the content, reading slowly. This can have a negative impact on the overall user experience.

Not enough space between page borders

The page borders and the start of the written content should always be fairly distinct and well spread apart. This draws the eye across the page and allows each element to have its own space to which attention can be directed. For typography, this is even more important. Unfortunately, too many websites start the typography close to the page border, and this can have an unprofessional visual effect, as well as being difficult to read.

No consideration for responsive design

Finally, letter and word spacing is essential for effective responsive design. Responsive design will allow your website to look great on all devices, including small mobiles and large laptops. Without proper typography spacing though, the screen adaptations to the size of the device can reposition text elements and resize these inappropriately.

For more information or professional web design support, get in touch with the team today, here at Pumpkin Web Design Manchester.