Question 1

What is letter-spacing in CSS?

Accepted Answer

CSS letter-spacing controls the space between characters in text. Positive values increase the spacing, while negative values decrease it. The default is 'normal', which lets the browser decide based on the font.

Question 2

What is word-spacing in CSS?

Accepted Answer

CSS word-spacing controls the space between words. Like letter-spacing, positive values increase the gap between words and negative values reduce it.

Question 3

What unit should I use for letter-spacing?

Accepted Answer

Pixels (px) are the most common unit for letter-spacing. You can also use em units for scaling relative to font size, or rem for root font size. Avoid using percentages as they aren't supported for letter-spacing.

Question 4

How does letter-spacing affect readability?

Accepted Answer

Small positive letter-spacing (1–3px) can improve readability for uppercase text and small sizes. Larger values (5px+) are used for decorative headings. Negative values can make text feel condensed and harder to read.

Question 5

Can I use letter-spacing for all caps text?

Accepted Answer

Yes! All-caps text (text-transform: uppercase) often benefits from a small positive letter-spacing of 0.05em to 0.1em to improve readability. This is a common typographic convention.

Letter Spacing Generator

Frequently Asked Questions

Comments & Feedback