freeCodeCamp/guide/english/typography/kerning-and-tracking/index.md

26 lines
1.2 KiB
Markdown
Raw Normal View History

2018-10-12 19:37:13 +00:00
---
title: Kerning and Tracking
---
## Kerning and Tracking
2019-01-18 22:59:07 +00:00
### Kerning
2018-10-12 19:37:13 +00:00
2019-01-18 22:59:07 +00:00
**Kerning** refers to the spacing between two individual characters within a word. Serifs and flourishes can cause too much or too little space between letters. This is fixed by kerning.
### Tracking
**Tracking** adjusts the space throughout the word or text. It can be used to fit more text within a given area.
2018-10-12 19:37:13 +00:00
Some typefaces are not designed to be kerned or tracked too loosely and vice versa. If one kerns or tracks too tightly or too loosely, they risk sacrificing readability and legibility.
When deciding how tight or loose to kern or track your text, it is advisable to first consider the scale at which the text will be interacted with. If it is to be printed, how far away from the printed text will the viewer be? Will they be driving by? Will it be on read on a backlit screen?
One should also consider the positive and negative ground when tracking and kerning. Tracking too tightly or too loosely can result in awkward figure/ground relations that will distract the user.
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->
- ["Thinking With Type" by Ellen Lupton](http://thinkingwithtype.com/text/)
2018-10-12 19:37:13 +00:00