Letter spacing and tracking in Tailwind - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does tracking-wide do in Tailwind CSS?

tracking-wide increases the space between letters, making text easier to read and giving it a more open feel.

beginner

How do you apply tighter letter spacing in Tailwind CSS?

Use tracking-tight to reduce the space between letters, making text look more compact.

beginner

What is the difference between tracking-normal and tracking-wide?

tracking-normal uses the default letter spacing of the font, while tracking-wide adds extra space between letters.

intermediate

Which Tailwind class would you use to remove extra letter spacing and make letters very close?

Use tracking-tighter to make letters very close together, reducing space more than tracking-tight.

beginner

Why is adjusting letter spacing important in web design?

Adjusting letter spacing improves readability and visual appeal, helping users read text comfortably on different screen sizes.

Which Tailwind class increases letter spacing the most?

A tracking-tight

B tracking-normal

C tracking-tighter

D tracking-wide

tracking-wide adds more space between letters than the other options.

What does tracking-tight do?

A Makes letters farther apart

B Keeps default spacing

C Makes letters closer together

D Removes all spacing

tracking-tight reduces the space between letters, making them closer.

Which class sets letter spacing back to the font's default?

A tracking-normal

B tracking-wide

C tracking-tight

D tracking-tighter

tracking-normal uses the font's default letter spacing.

If you want letters very close together, which class is best?

A tracking-tighter

B tracking-normal

C tracking-tight

D tracking-wide

tracking-tighter reduces letter spacing more than tracking-tight.

Why should you adjust letter spacing on a website?

A To make text harder to read

B To improve readability and design

C To change font size

D To add color to text

Adjusting letter spacing helps users read text easily and improves the look of the site.

Explain how to use Tailwind CSS classes to adjust letter spacing and why it matters.

Think about classes like tracking-wide and tracking-tight and their visual impact.

Describe the difference between tracking-tight and tracking-tighter in Tailwind CSS.

Consider how much space each class removes between letters.