`tracking-tight` changed my design

Tracking-tight is life changer. Read this post to know why.

7/26/2025

What is tracking-tight?

Tracking-tight is a CSS property that controls the tracking (letter spacing) of text. It is a value that can be set to a positive or negative number.

Why is tracking-tight important?

Tracking-tight is important because it can help to improve the readability of text. It can also help to improve the design of a website.

How to use tracking-tight?

It is easy to use. Just add the tracking-tight class to the text you want to style. (Tailwind CSS)

<p className="tracking-tight">Hello, World!</p>

For pure CSS

.tracking-tight {
  letter-spacing: -0.025em;
}

Conclusion

Tracking-tight is a life changer. It can help to improve the readability of text. It can also help to improve the design of a website.