Nesta aula, abordamos o uso de fontes para corpo de text, explorando como aplicar corretamente os tamanhos, pesos, espaçamento entre linhas e letras para garantir uma ótima legibilidade em textos mais longos. A aula também discute como fontes text body se diferenciam das fontes display, usadas em títulos, e oferece dicas práticas para ajustar suas características de acordo com o contexto.

• Tamanhos comuns de fontes text body: 16 pixels como base, com variações entre 10 e 18 pixels para casos específicos.

• Espaçamento entre linhas: A importância de ajustar o espaçamento entre linhas de acordo com o comprimento e a quantidade de texto, facilitando a leitura.

• Peso das fontes: Uso de pesos como Regular, Medium e Semibold para garantir clareza, evitando fontes muito leves como Light ou Hairline.

• Cuidados em dispositivos móveis: Considerações especiais para o tamanho mínimo de fontes em inputs no iOS, evitando zooms indesejados no Safari.

• Hierarquia e interação com outros elementos: Como escolher pesos e espaçamentos que funcionem bem com títulos e outros componentes visuais da interface.

Com essas práticas, você estará preparado para ajustar fontes text body de maneira eficiente, garantindo legibilidade e um bom fluxo de leitura em interfaces de todos os tipos.

Links extras

• Artigo - Display vs Text Type - The Foundation of Typography

• Dica - 10 best free typefaces for UI design in 2024