UsableTypeTypography for the World Wide Web

style guide

Letter Spacing

The letter-spacing property controls the amount of space between letters in your text, and works in much the same way as the word-spacing property.

Some subtle but pleasant effects can be produced by separating letters slightly more than the default value of normal or 0.

p {letter-spacing:0.05em;}

Notice the subtle but pleasing separation of the letters in this paragraph. A nice effect often used to relax the style of text.

p {letter-spacing:-0.05em;}

Letters can also be pulled together by declaring a negative value for letter-spacing.

This effect is sometimes used to squash text into a smaller area, but should not be used for chunks of body text.

letter-spacing
Values: <length> | normal | inherit
Initial Value: normal
Applies to: all elements
Inherited: yes
Percentages: N/A

Latest Links

Joe finds me patronising! Arsenalski Niet

To get in touch, please use the UT form below.

Name:
Email:
Message:

close