Жирность шрифта

Жирность букв (font-weight) задают классы font- с названием жирности. Класс font-bold вы знаете; вот все остальные:

Чаще всего вам пригодятся font-normal для обычного текста, font-medium и font-semibold для текста, который должен немного выделяться, и font-bold или font-extrabold для заголовков. Как вы знаете из курса CSS, шрифт выглядит по-разному только в тех начертаниях, которые у него действительно есть. Tailwind использует системный шрифт устройства (например, Segoe UI в Windows и San Francisco на Mac), у которого много начертаний, так что разницу вы обычно увидите.

Сделаем имя ещё жирнее, а мелкому тексту бейджа добавим немного веса, чтобы он выглядел чётче. Как и с размерами, заменяйте font-bold, а не добавляйте вторую жирность.