Olá, Lucas. Tudo bem com você?
Entendo sua dúvida, e é realmente importante pensar em como adaptar a tipografia para diferentes tamanhos de tela.
Não existe uma regra única ou um padrão estrito para a derivação de tamanhos de fonte de desktop para mobile, pois isso pode variar dependendo do tipo de conteúdo, do público-alvo, do design geral do site e de outros fatores. No entanto, aqui estão algumas práticas recomendadas que podem te ajudar:
Redução proporcional: Uma maneira simples de começar é reduzir o tamanho da fonte proporcionalmente para se ajustar à tela menor. Por exemplo, se o tamanho da fonte no desktop é de 32px, você pode tentar reduzi-lo para 75% desse valor no mobile. Isso daria um tamanho de fonte de 24px para mobile, que é o exemplo que você mencionou.
Teste de legibilidade: Independentemente da escala que você escolher, é importante garantir que o texto seja legível em dispositivos móveis. Isso pode requerer ajustes no tamanho da fonte, espaçamento entre linhas, comprimento da linha e outros fatores tipográficos.
Consistência: Tente manter a hierarquia tipográfica consistente entre as versões de desktop e mobile. Por exemplo, se um título é significativamente maior que o texto do corpo no desktop, ele deve manter a mesma relação no mobile.
Espaçamento: Geralmente, ao diminuir o tamanho da fonte, também é uma boa prática diminuir um pouco o espaçamento entre as linhas (line height) para manter a proporção e a legibilidade.
Lembre-se, essas são apenas orientações gerais e o mais importante é testar o design em diferentes dispositivos e tamanhos de tela para garantir que ele funcione bem em todos os casos.
Qualquer dúvida estou à disposição.
Até mais e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!