<%= head %> <%= siteHeader %>

Tracking

Letter-spacing is the consistent white-space between letters in a piece of text. In typography, letter-spacing is commonly known as tracking. Text that is set to uppercase should be tracked to improve readability.

Lowercase text should never be tracked.

For some larger text, depending on the typeface, a negative tracking might be desirable.

There are three possible values to choose from when tracking uppercased text:

.tracked { letter-spacing: .1em; } .tracked-tight { letter-spacing: -.05em; } .tracked-mega { letter-spacing: .25em; }

Examples

Default

Title Example

<h4 class="f1 ttu tracked mt0">Title Example</h4>

Title Example

<h4 class="f1 ttu tracked-mega mt0">Title Example</h4>

Title Example

<h4 class="f1 ttu tracked-tight mt0">Title Example</h4>

title example

Previous

Line Height

<%= name %>

v<%= moduleVersion %> <%= moduleSize %>
Declarations
<%= moduleObj.declarations.total %>
Selectors
<%= moduleObj.selectors.total %>
Max. Specificity Score
<%= moduleObj.selectors.specificity.max %>
Size of Avg. Rule
<%= moduleObj.rules.size.average %>
src/_letter-spacing.css

<%= srccss  %>

<%= navDocs %>
<%= siteFooter %> <%= googleAnalytics %>