Da tipografia CSS para Tailwind
font-size: 1.5rem → text-2xl. font-weight: 700 → font-bold. Cor usa text-*.
A tipografia é das partes mais previsíveis de uma migração: font-size: 1.5rem corresponde a text-2xl e font-weight: 700 a font-bold. O incómodo aparece na cor, porque o prefixo text- cobre tamanho e cor ao mesmo tempo. Em listas longas de classes vale a pena reler devagar para não trocar uma coisa pela outra.
Tamanho e line-height juntos
font-size + line-height costumam mapear para text-* / leading-*. Se o leading de marca for raro, use leading-[…].
Peso e tracking
font-weight 600 → font-semibold. letter-spacing negativo fino muitas vezes pede tracking arbitrário.
Não force a rampa
Arredondar 13px tipográficos ao token “mais próximo” pode partir a hierarquia visual.
Experimentar
.example { display: flex; gap: 1rem; padding: 1rem; }Nota de confiança: verifique o resultado visualmente. O conversor é um rascunho para developers.