A, B, C &
TYPOGRAPHY TIPS FOR YOUR WEB STORY PART I
OVERALL RULE
Establish beautiful fonts and hierarchy to guide the eyes of the readers through your story.
We start with three basic rules of thumb.
1. AVOID WALLS OF TEXT
Try to stay within approx. 200 characters per page.
2. MAKE SURE TEXT IS VISIBLE
Avoid too small font size or too little color contrast.
3. LET MULTIMEDIA DO THE TALKING
Image or video should say the important thing. Text is bonus.
BASIC TYPOGRAPHIC TOOLKIT
1. Style
2. Layout
STYLE: THE RIGHT FONT FAMILY
The easiest way to change what the text looks like. There are some broad characteristics:
Fonts with serifs
Fonts without serifs
Cursive fonts
Monospaced fonts
The choice of font can make a reader feel different in the moment even though the words are the same!
TRAIN RIDE TO BUSAN
Train ride to Busan
What a lovely influencer trip.
This ride seems to be a scary adventure.
Get a more pronounced effect by selecting the right font in a font family. For example:
Condensed styles for headlines.
Thin styles for an elegant feeling.
LAYOUT: THE ALIGNMENT
Justify: Often works only well for columns, so use it sparingly.
Center: Works well for specific short texts like poems or greetings.
Right: Works well, when you position your text on the right side.
Left: Works well, when you position your text on the left side.
Ability to flush text.
MORE ON YOUTUBE
There is much more to learn about layouts, e.g. letter spacing and line spacing. Watch the full video on our Web Creators channel.