[IntelliSense] Show named font-weight suggestions when typing font-<number>

[functasti]

Font weights are often specified numerically (e.g., 400, 500) in design tools like Figma or existing codebases. Remembering which number maps to which Tailwind class name (e.g., font-medium) can be mentally taxing.

It would be helpful if typing something like font-7 triggered a suggestion like font-bold [font-weight: 700;] making it easier to convert numeric weights into Tailwind utilities without memorizing the mapping.

A simple solution could be to add alias utilities with numeric suffixes, such as font-bold-700, so they show up in fuzzy search when typing font-7.

[Zsena]

The idea is definitely understandable, but I’m not sure it fully aligns with Tailwind’s design philosophy. Classes like font-bold, font-medium, etc. are intentionally more readable and semantic, rather than relying on raw CSS weight numbers like font-700. The goal seems to be clarity and meaning, not memorizing numeric values.

Interestingly, this also mirrors how CSS works -->you can define font weights using either numbers (700) or keywords like bold or bolder, depending on context. I assume Tailwind intentionally leans into the keyword-style naming for that same reason: to make utilities easier to read and reason about.

That said, having something like font-700 trigger a font-bold suggestion in IntelliSense would be super helpful — maybe as part of a plugin, or even via custom VS Code tooling. :)

[functasti]

The idea is definitely understandable, but I’m not sure it fully aligns with Tailwind’s design philosophy. Classes like font-bold, font-medium, etc. are intentionally more readable and semantic, rather than relying on raw CSS weight numbers like font-700. The goal seems to be clarity and meaning, not memorizing numeric values.

In that sense, the suggestion actually supports that goal... the output of font-7 is font-bold, not font-700.