- Por que diferentes tipos de letra aparecem em tamanhos diferentes no mesmo tamanho de ponto?
- Quantos tamanhos de fonte em um sistema de design?
- Qual é a regra para o tamanho da fonte?
- Como você lida com o tamanho da fonte responsiva?
Por que diferentes tipos de letra aparecem em tamanhos diferentes no mesmo tamanho de ponto?
Tanto a altura x quanto a altura da tampa de uma fonte afetam sua legibilidade e farão com que os tipos de letra diferentes pareçam maiores ou menores no mesmo ponto de ponto.
Quantos tamanhos de fonte em um sistema de design?
Os sistemas aproveitam uma escala de tipo para oferecer tamanhos de texto essenciais - geralmente nomeados simplesmente como texto ou corpo - que incluem pequeno, médio, grande e se você precisar, xs, xl, e assim por diante. A maioria dos sistemas precisa de três ou mais (portanto, meu conforto com o uso de tamanhos de camiseta).
Qual é a regra para o tamanho da fonte?
Tamanho. Em geral, a regra geral é que o tamanho da fonte precisa ser de 16 pixels para sites móveis. Qualquer coisa menor do que isso poderia comprometer a legibilidade para leitores com deficiência visual. Qualquer coisa muito maior também pode tornar a leitura mais difícil.
Como você lida com o tamanho da fonte responsiva?
Texto do corpo - Os tamanhos das fontes devem ser de 16 px a 18px para legibilidade (ou 1.6rem a 1.8Rem usando nossas regras de dimensionamento mencionadas acima). Se você pode se dar ao luxo de ir um pouco maior, até 21px pode ser agradável de ler. Títulos - os títulos devem estar em torno de 1.96 vezes maior que o texto do seu corpo para criar um contraste suficiente.