The hardest decision in writing, I find, is choosing the right font. Should you start with a Times New Roman, the reliable choice? Perhaps you want to suggest that this text is not serious, so you’ll use Comic Sans. Our font choice informs our readers of emotion and tone, it denotes the legibility and readability of our typed text and guides their expectations of our writing.
Typeface Design – Height
Every font can be measured and compared by looking at the foundation components of the typeface.
- Baseline: The foundation line that text is aligned to.
- X-height: The expected height of lowercase letters measured from the baseline.
- Ascender: The expected height of lowercase letters extended above the X-height.
- Descender: The expected depth of lowercase letters extended below the baseline.
You may have noticed that uppercase letters use the same structure. The expected height of your uppercase letters is equivalent to the expected height of your lowercase with ascenders. The same can be said with descenders too, although in some fonts the letter “Q” does not adhere to this convention.
In this image, all fonts are the same size, the only difference is the capitalisation of the font.
Did you know that the terms “lowercase” and “uppercase” originate from where each letter was stored when it was not being used in the printing process? The small metal cast of each individual letter was stored in a case above or below the printing workstation. Since lowercase letters were used with more frequency. They were kept within easy access, in the lower letters case.
Typeface Design – Weighting
The weight of a font is the measurement of character thickness. Heavyweight fonts are built using thick lines and lightweight fonts with thin lines. The weight of a character does not impact its size in regards to the four height components, well, in truth it does, but the differences are negligible with most fonts. However, the overall words and sentences will need more space on the page when the weight of a font is increased.
Typeface Design – Types of font
A serif is a small line or dash that is attached to the entry and exit points of glyphs. Serif fonts can affect the legibility and readability of text. While a strong serif can negatively impact the accessibility and readability of text. Text with weak serifs can help with character recognition and therefore positively impact accessibility. Serif fonts can have varying weights within individual letters. The Serif font family can be further divided into sub-groups, Old-Style, Transitional, Didone and Slab serif.
Sans-serif fonts contain no serifs and have even weighting throughout the whole character. These fonts are increasingly common as the text we type is shared digitally. The need for serifs that help character recognition is mitigated by having a clear digital display. Similarly, Sans serif fonts can also be divided into smaller groupings, grotesque, neo-grotesque, humanistic and geometric. Each of the groups has subtle differences such as the “O” being oval or circular in shape, or the shape of the tittle, (the dot above the “I”), is square or circular shaped.
Script fonts are uncommonly used in academic writing but I thought it would be a shame not to mention the Script family. These fonts are elaborate in their design with exaggerated serifs, intentional ligatures and kerning. Script fonts are intended to mimic handwriting. As expected character recognition and legibility is not the forte of Script fonts.
Font psychology – Trait alignment
Fonts can also represent an action or feeling. When we see a particular font, we instantly recognise the general traits and align these to our preexisting connotations on a particular trait. Every time we read the printed text we are anthropomorphising the typeset used. For example, let’s look at three traits.
- Angle of the typeface
- Ligatures connecting the lettering
- Weighting of the font
The angle of a font is very important as it can be manipulated to create a sense of motion. Compare the two texts below. One is slanted forward to represent a forward motion, this is great for texts that contain active verbs. The other is slanted backwards, this represents a backwards motion. Which can help to create a relaxed message using a laidback font.
Motion can be suggested simply with a slanting of a text, we can equally use fonts to convey emotions. For example, using a font that has condensed text symbolises a sense of strength and impact, which can lead a reader to feel motivated.
For this reason, condensed text is commonly used in fitness marketing, particularly with bolded text. The same effect can be seen with technology companies preferring sans serif fonts. This is because of their universal approach to their intended global audience. This makes readers feel welcome and reassured. Interestingly, the slanted text is also used in technology company logos as here it represents that they are forward-thinking, an implied intellectual motion perhaps.
You can also use script fonts with intentional ligatures to highlight romance and unity. This is because the characters in the text seem to be connected and in a certain description, intimate. This could explain why Coca-cola’s seasonal marketing campaigns are centred on being together with others.
Font psychology – Associative concepts
Associative concepts are extremely powerful in instigating emotions for readers. Typically we link fonts to experiences that we have had. If a font activates an emotional response we begin to associate the emotion with the font.
The typeface Fraktur was used during the Second World War by the German Nazi Party as its senior leaders resented the use of Roman numerals, this font, as expected is incredibly emotive with many suggesting this is an evil font. This resulted in the font being banned and replaced with a set of neutral fonts; one of which was the Futura font. Futura is a geometric typeset. It was famously used to engrave the Apollo 11 plague. Ask yourself, does this font incite feelings of progression, accomplishment or intelligence instead of wickedness? Let me know in the comments section.
The desire for fonts to be comfortable to read has led to the uprising of humanistic fonts. These fonts use rounded or part rounded character shapes with the sharp angles of a neo-grotesque font. Humanistic fonts were designed to be satisfying as humans prefer rounded objects as they imply comfort and are less threatening. The sharp angles in humanistic fonts add high levels of character clarity and aid quick character identification. This is all without the use of serifs. Interestingly, studies have shown that there is no significant difference in reading comprehension between sans-serif and serif fonts. You could argue that font selection is an emotional decision rather than a design judgment.
Font psychology – Family traits
|Font Name||Font Family||Sans-Serif or Serif?||Straight edged characters or rounded?||Condensed expanded or monospaced?||Expected emotional connotations||Historical or famous application?||Approved by the British Dyslexia Association?|
|Franklin Gothic||Grotesque||Sans-Serif||Straight||Mid-Expanded||Honesty, factual and business-minded.||The original Star Wars opening crawl & Historical shop signs.||Yes|
|Helvetica||Neo-grotesque||Sans-serif||Straight||Expanded||Clarity and neutrality||Informational signs and EU warning labels||Yes|
|Times New Roman||Transitional||Serif||Rounded||Mid-Condensed||Formal and comforting||Commissioned for use by The Times Newspaper||No|
|Roboto||Neo-grotesque||Sans-serif||Rounded tittles and straight letter caps.||Condensed||Approachable and relaxing||Created by Google for Andriod 4.0||Yes|
|Arial||Neo-grotesque||Sans-serif||Straight||Mid-Expanded||Technological and clear||IBM created this font to bypass paying the Helvetica licensing fees in their computing systems.||Yes|
|Calibri||Humanistic||Sans-Serif||Part-rounded||Expanded||Neutrality, passive||The default font for Microsoft desktop applications.||Yes|
|Courier||Slab Serif||Serif||Straight||Mono-Spaced||Dignity, prestige and stability||Screenplays and scripts are traditionally typed using Courier||No|
|Comic Sans||Script||Sans-serif||Rounded||Expanded||Comedy, unprofessionalism and childlike||Designed for a Microsoft Comic Chat and since has become one of the most recognised fonts in the world.||Yes|
|Garamond||Old-style||Serif||Rounded||Mid-condensed||Romance, intimacy and pride||Thought to be designed as far back as 1510, originally based on Roman Numerals.||No|
You should be sure to choose a typeset that meets the expected requirements for your audience. Font accessibility will dictate the readability of your typed text for all readers.
- Use Sans serif fonts, as letters can appear less crowded due to their even weighting.
- Font size should be 12-14 point or 14+ for math characters. Some dyslexic readers may request a larger text.
- Larger internal spacing in a glyph spacing improves readability, although if letter spacing is excessive it can reduce readability.
- Larger line spacing improves readability: 1.5 line spacing is optimal for most documents.
- Avoid underlining and italics as this can make the text appear to run together and cause crowding, instead use bold for emphasis.
- Avoid text in uppercase / capital letters and small caps, which can be less familiar to the reader and harder to read.
- Your font colour must have high contrast with the background, Matthew has a great blogpost on insufficient colour contrast.
Resources & Further Reading
- Buzzfeed Quiz – What font matches your personality
- British Dyslexia Association style guide
- Good fonts for Dyslexia
- Humans prefer curved objects
- Star Wars crawl font
- Font psychology and practical insights
- The Psychology of Fonts (Fonts That Evoke Emotion)
- A defence of Comic Sans – Video
- Font Psychology
- Do serifs help in comprehension of printed text?
- Abstract the art of Design – Netflix Series (A must watch series!)