Qual é o número ideal de tamanhos de fonte para usar em um site?

11

Gostaria de saber quantos tamanhos de fonte você pode usar para um site.

Alguém me disse que é melhor não usar mais de três tamanhos de fonte diferentes (por exemplo, 16 px no cabeçalho, 11 px no texto e 13 px no título).

É uma boa ou má idéia usar mais de 3 tamanhos de fonte por página da web (por exemplo, 4)? Só pergunto porque estou pensando em usar um quarto, mas não sei se isso pode arruinar o meu design.

drpelz
fonte

Respostas:

10

Esta questão é interessante. Sinceramente, nunca ouvi falar de um número limitado de tamanhos de fonte. No entanto, ouvi falar do número de faces de fonte geralmente não superiores a 2 ou 3. Na web responsiva de hoje, você verá o tamanho da fonte mudando o tempo todo, dependendo da janela de visualização.

Essa não seria uma boa resposta sem algumas fontes; portanto, acho que você deve ler dois artigos interessantes da Smashing Magazine. Um deles é sobre diretrizes e técnicas de tipografia (eu o vinculei à seção em que eles falam sobre o dimensionamento das tags de cabeçalho em termos relativos) h1: 1.5ems, h2: 1.375ems, etc.

O segundo artigo é um grande estudo que a Smashing Magazine faz sobre tipografia todos os anos em alguns dos sites mais populares da web. Esses sites são direcionados principalmente ao conteúdo, de modo que a tipografia é de importância fundamental para eles.

No entanto, acho que o que você encontrará é que não existem práticas recomendadas geralmente aceitas para os tamanhos de fonte. Desde que eles não mudem drasticamente a ponto de distrair o espectador, você pode brincar com ele a seu critério. Se você pode usar os tamanhos das fontes de maneira distinta, para que o usuário possa relacionar um tamanho de fonte a um tipo de conteúdo específico, você deve ficar bem. Só não exagere.

Adam Schuld
fonte
1
Uau! Muito obrigado por essa resposta incrível!: D Você salvou meu dia! :) Só queria mencionar que o cara que me disse que nunca deveria usar mais de três tamanhos de fonte diferentes ao mesmo tempo era meu ex-chefe de design gráfico agência na Alemanha. Eu não gostei muito dele e ele me contou bastante besteira enquanto trabalhava lá, então acho que sua regra de três tamanhos diferentes é um absurdo completo, se você me perguntar. Apenas uma nota rápida ...
drpelz
4

Gostaria de saber quantos tamanhos de fonte você pode usar para um site.

Tecnicamente, uma quantidade infinita.

Alguém me disse que é melhor não usar mais de três tamanhos de fonte diferentes

O design "bom" tende a funcionar dentro de um conjunto de restrições; portanto, muitas dessas regras básicas são exatamente isso - restrições usadas para restringir o leque de opções para fornecer foco e direção.

É uma boa ou má ideia usar mais de 3 tamanhos de fonte por página da web

Sim. E não. Er ... depende.

É tudo baseado nos detalhes do seu design. Pergunte a si mesmo: a adição de um quarto tamanho de fonte funciona? Você pode justificar o seu uso? Se assim for, vá em frente.

DA01
fonte
2

Quantas você quiser. Pense em um jornal. Pode usar vários tamanhos diferentes para os cabeçalhos para expressar importância relativa. Não há razão geral para você não fazer o mesmo nas páginas da web. Por exemplo, as nuvens de tags usam muito a variação do tamanho da fonte.

Jukka K. Korpela
fonte
Embora os jornais usem escala para acomodar níveis variados de importância, eles também eram tradicionalmente usados ​​como meio de adaptação de cópias.
DA01 28/07
As nuvens de tags são um bom exemplo!
unor
2

Concordo com a maioria das respostas que foram dadas acima, mas gostaria de adicionar mais uma aqui.

Primeiro, acho que você deve garantir um layout que continuará sendo atraente para os visitantes. Se você misturar e combinar tanto os tamanhos das fontes, pode acabar ficando mais bagunçado e difícil de ler.

Em segundo lugar, considere a base de usuários. Quem vai usar seu site? Algumas pessoas usam plataformas diferentes e certos tamanhos de fonte parecem diferentes em plataformas diferentes.

A coisa mais importante a fazer é manter uma aparência consistente em suas páginas. Boa sorte!

Eenvincible
fonte
1
Basicamente, você está certo, é claro! :) MAS 3 tamanhos de fonte podem dificultar o desenvolvimento de um site de jogos complexo no meu caso.
22813 drpelz