The Art of Kerning

Alexander
Alexander
Oct 31, 2017 · 8 min read

To kern or not to kern?

Some important terms

“Em” is a square with the width of capital M.

Choose the right font

Some examples from Gravit’s web font library.
All desktop versions of Gravit Designer are packed with two collections of fonts.

Adjust leading and tracking

Leading (linespacing)
Use the input field dialog to adjust the leading (line spacing).

Leading, pronounced “led-ing”, derives from the days when type was set by hand and typesetters used thin strips of lead to space apart the rows of letters.

Tracking is a process of adjusting letter-spacing in whole words.
Widow: a very short line at the end of a paragraph or column.
Tracking words with word spacing in Gravit Designer.
Tracking in Gravit Designer

Follow your eye

Kerning in Gravit Designer.

Know what to kern

Pairs, that require kerning at larger sizes. Source: vitorials.net.

Think about letter forms

The space only curves around rounded shapes.
A pair of straight-sided letters requires more space.

Kern in groups of three

Kerning using group of three in Gravit Designer

Flip upside-down

Flip upside-down
Use “Flip Vertical” to flip the word upside-down.

Ship two versions

Know your tools

Kern.js will help you to handle kerning online.

Practice more

“Kern me” is a free online game, where you can practice kerning.

Share what you know

Gravit Designer

The official blog of Gravit Designer, the design software made for everyone. Get it now on https://designer.io

Alexander

Written by

Alexander

Grafic and web designer. Writer. Founder of vitorials.net. Love to learn and share.

Gravit Designer

The official blog of Gravit Designer, the design software made for everyone. Get it now on https://designer.io