The importance of good typography

23 January 2022   |   by Alex Barratt   |   Typeface, Typography
Does typography really matter?

Typography is one of the most important elements of design. In web design, it is no different. First of all, I would like to clarify all the vague terms that we usually use interchangeably with the typography. In the past, letters were cast on metal and each size with its unique weight was called a font. Different fonts were grouped in what was called a typeface. In digital type terms like font and typeface are almost synonyms, and they usually describe the whole typeface. On the other hand, typography is the art, or rather, a discipline of arranging and designing a written language to make it legible, readable, and visually appealing. This is why typography matters in design in general, but for now, let’s focus on web design.

Typography delivers the message.

In face-to-face communication, feedback is instant, and the experience is interactive, which makes it the most advanced and effective method of communication. With text, there’s no two-way feedback, and we’re left only with symbols and letters – a visual representation of language. In this simple way of communication, typography and content need to work together to form our impression and emotion. By manipulating different properties in typography we can affect how it delivers a given message.

Elegant type is always a compromise between form and function. The good form improves visual impression and aesthetic quality. Heading and other shorter texts whose goal is to make a statement should rely on the beautiful form. Function comes in handy for smaller type sizes used for running text whose goal is to be read. The most important role of headings and display type is to grab the reader’s or user’s attention to the content. When users or readers dig in the content, the role of type is to be legible, readable, and overall functional. By respecting this delicate relationship between form and function we can communicate and deliver the wanted message in the way we desire.

A close up of a sign with a black font on a distressed yellow background

We should think of a text as a complex and dynamic shape that creates tension and builds contrast with the surrounding elements and background. Depending on how we want to present information, we can decrease or increase contrast to control how it affects the final tone of voice. Creating contrast helps us build a hierarchy between different typographic elements, which lets us control the message we deliver to the end-user. We can manipulate four different properties of type to create contrast – size, color, shape, and placement of typographic elements.

The presentation itself can be a deciding factor in how we interpret the content. The message becomes more interesting if shown appropriately. Just like in the real world, a lot of different factors can influence how we interpret certain information. In a world of typography and design, we can manipulate the type’s dimensions, weight, width, height, and other properties.

In that matter, some typefaces are more formal, while some are playful and almost childlike. More organic shapes usually make non-formal fonts and straight lines with delicately made curves make for elegant formal ones.

Male avatar
Alex Barratt

I'm a husband, father, son, scuba diver, mountaineer, adventure photographer, commercially licenced drone pilot, autism dad & climate change advocate. Ive a eye on a better brighter, cleaner more accepting future for all of us.

All author posts
Related Posts
A hand holding a mobile device dispaying search results
Social media marketing trends in 2022

Short videos posts rocketed in 2020 thanks to new platforms like TikTok and the shift in users being...

Ripped Newspaper with Whatsapp headline
5 best WhatsApp alternatives for 2022

WhatsApp has a couple of issues that seem to all be hitting at the same time. Thousands of...

Digital illustration of the word brand
5 Reasons why you should invest in a professional brand identity

A logo identifies a company or product via the use of a mark, flag, symbol or signature...

A book of typography next to a font full of letters
The importance of good typography

Typography is one of the most important elements of design. In web design, it is no different...

2 Comments
  • Female avatar
    Tania Miller Reply
    04 January 2022, 19:28 pm

    To make a long story short, I posted this to ask a question: is this an accident of sloppiness or haste by the folks at URW? Or was there some kind of typographic wisdom behind these slip-ups that I just don't get? Some kind of a secret idea that makes their cut better than MT's or BT's Imprint?

  • Male avatar
    Ray Jenkins Reply
    17 Feb 2022, 15:23 pm

    Just wanted to ask about the concept of "rationalization" and the modern serif, as there's a few things unclear to me, and was wondering if you have any knowledge or resources on it.

Write A Comments