Tipografia da web refere-se ao fontes incorporadas em páginas da web. É um aspecto crítico do design de um site porque tem um impacto direto na legibilidade do site. Muitas pessoas pensam que as responsabilidades de um design de site acessível profissional não inclui prestar atenção a tipografia da web. No entanto, este é um conceito errado.
Além de investir tempo na criação de designs, deve-se estar atento à tipografia web. Lembre-se de que, se sua tipografia na web for ruim, os visitantes não se preocuparão em observar seus designs. Fornecemos algumas dicas que o ajudarão a lidar com a tipografia da web de maneira descomplicada.
- Use três fontes por design
O uso de três fontes (no máximo) permitirá que os leitores observem seu site com clareza. Organizar o conteúdo com vários tipos de fontes pode criar uma aparência confusa do site. Além disso, pode convencer os visitantes de que várias partes do conteúdo, como parágrafos diferentes, não estão relacionadas.
É claro que, durante a leitura, os visitantes podem não conseguir identificar a origem exata do desconforto. Ainda assim, eles não se sentirão confortáveis em ler informações que contenham vários tipos de fontes. - Distinguir o título
O título de um artigo atrai inicialmente a atração de visitantes. Se acharem o título atraente, eles passarão para o restante do artigo. Isso significa que você tem que destacar o título, para que ele chame a atenção dos leitores a qualquer custo. Aumentar o tamanho do título é a maneira mais fácil de destacá-lo. - Defina o tamanho da cópia do corpo em 14 pixels
Para obter os melhores resultados, certifique-se de que os visitantes consigam ler o texto do corpo confortavelmente. É verdade que, além do tamanho, outros fatores também podem influenciar a legibilidade do site. Ainda assim, o tamanho é o fator determinante mais importante. Definir o tamanho da sua cópia do corpo em 14 pixels pode ser uma ótima idéia. - Evite usar sublinhados e itálico desnecessariamente
Não confunda seus leitores usando itálico e sublinhado desnecessariamente. Itálico e sublinhado atribuem maior importância a uma linha. Se você usar itálico e sublinhado em todas as frases, os visitantes podem ficar confusos.
Em vez disso, use sublinhados e itálicos, apenas quando necessário. - Não use maiúsculas completas para grandes blocos de texto
Usar letras maiúsculas em grandes blocos de texto é uma má ideia. Isso ocorre porque, em comparação com o texto escrito em maiúsculas e minúsculas, as informações definidas apenas em maiúsculas são mais difíceis de interpretar.
Se você definir as informações em maiúsculas e minúsculas, conforme necessário, será comparativamente mais fácil para os olhos. Além disso, permitirá aos visitantes interpretar as informações com mais facilidade. - Evite amontoar grandes informações em um espaço limitado
Para aumentar a legibilidade do seu site, não force uma grande quantidade de informações para caber em um espaço limitado. Em vez disso, forneça espaço suficiente para que tenha uma aparência elegante. Ao mesmo tempo, não incorpore espaço excessivo, de modo que todo o texto pareça desarticulado e sem relação. - Preste atenção ao contraste do fundo
Você pode ter optado por um tamanho de fonte maior para aumentar a legibilidade do texto. No entanto, se o contraste entre as informações e seu fundo for ruim, isso prejudicará a legibilidade e a legibilidade do site. A prática comum é colocar o texto claro contra um fundo escuro ou vice-versa. Evite usar cores conflitantes a qualquer custo. - Opte por fontes perfeitas para uso na tela
Você pode aproveitar vários tipos de fontes no Internet. Infelizmente, muitas dessas fontes não são adequadas para uso em sites. Por esse motivo, selecionar cuidadosamente as fontes é importante. Além disso, você pode obter ajuda de tabelas de dicas e verificar a aparência das fontes em tamanhos menores em vários navegadores. - Evite usar Comic Sans
Comic sans se tornou uma fonte muito odiada e não somos exceção. Acreditamos fortemente que o uso dessa fonte fornece ao seu site um apelo infantil e imaturo, que a maioria dos visitantes não apreciará. Tente evitá-lo.
Divirta-se criando um site acessível!
Aiden Ruse
Oi Diane.
Obrigado por compartilhar um excelente guia. Gostaria que todo designer entendesse a importância da tipografia. Tipografia inadequada também pode ser um erro de falha de design de um site. Eu gostaria de colocar a tipografia em primeira prioridade quando se trata de projetar um site e evitar que o web design seja um fracasso. O conselho que você deu aqui é realmente fantástico e contém muitas informações úteis.
Âmbar
Obrigado por compartilhar. Certamente muitas pessoas serão beneficiadas com esses pontos.
Sarah
Muito útil. Estou olhando para um redesenho de um de nossos sites agora e percebi que estávamos usando cerca de 5 a 6 fontes diferentes no site antigo, o que simplesmente não parece ótimo.
Sajesh
Eu concordei com você que a tipografia da web é um aspecto crítico do web design e todo designer deve manter esse aspecto em sua mente ao projetar o site.
Nishadha
Tudo o que posso dizer é uau. Eu sei que os estilos e o tamanho das fontes são importantes, mas nunca soube tantos detalhes sobre por que eles são importantes. Encaminhando isso para a equipe de design e obrigado pelo artigo incrível.
David
Colocar uma tipografia clara, legível e eficaz em seu site aumenta não apenas seus visitantes, mas também aumenta o profissionalismo.
Natasha
Definir o tamanho da cópia do corpo em 14 pixels? Não é melhor usarmos 16-18px ou melhor vamos para 150%.
Rajesh Namase
Depende, basta alterar e verificar se parece bom e legível ou não.
Jeeten
Sim, concordo com você Diane, a tipografia web é obrigatória. tendo em mente a tipografia, criei meu site.
Stephen
família de fontes: 'franklin_gothic_medium_condRg'; a fonte está sendo usada por mim em vários sites. e o tamanho da fonte do corpo foi mantido em .9em. e em alguns sites 1em.
H1 = 3em
H2 = 2.5em
H3 = 2em
H4 = 1.6em
H5 = 1.2em
Vishnu Sharma
Sim, concordo com você Diane, a tipografia web é obrigatória. Tendo a tipografia em mente, criei meu site.
Mansur Bhanpurawala
Muito útil. Estou olhando para um redesenho de um de nossos sites agora e percebi que estávamos usando cerca de 5 a 6 fontes diferentes no site antigo, o que simplesmente não parece ótimo.
Alex
Obrigado, administrador. Muito uso o blog completo. Obrigado pelo post porque este post é útil para mim.