Os 10 melhores exemplos de fontes que combinam para seu site
Atualizado: 19 de mar.
Talvez você seja o tipo de pessoa que se inspira em fontes extravagantes pelas quais se apaixonou na internet, ou quem sabe você é aquele usuário fiel da Times New Roman e a simples ideia de introduzir novos estilos nos seus textos já dá vontade de se esconder embaixo da mesa. As fontes são um componente essencial de um excelente web design e não importa se você as ama ou odeia. Por isso, nossos designers criaram um guia sobre pareamento de fontes para você. Fique antenado, esteja você procurando por novas ideias ou apenas não se sente muito seguro de onde começar quando se trata de decidir esse aspecto da sua identidade, e descubra aqui os dez mais incríveis pareamentos de fontes que você pode usar quando utilizar um criador de site.
Por que a escolha das fontes é importante?
Depois de todo o tempo em que você focou todas as suas energias no conteúdo do site, pode parecer trivial ter que mudar o foco do seu pensamento para os caracteres tipográficos. Será que alguém realmente se importa se os seus “As” inclinam-se um pouco para um lado e não para outro? Excluindo os designers, é provável que ninguém ligue muito para minúcias geométricas como essa. Mas há características mais óbvias nas fontes que realmente importam e fazem da escolha correta um fator determinante muito importante para o sucesso do seu site. Vamos explicar por quê.
Vamos começar pelo que as fontes podem comunicar. Selecionar um conjunto de fontes que possam funcionar juntas para seu site é como escolher de manhã o que você vai vestir. Quando você está olhando para o seu armário, normalmente seu objetivo é escolher algumas peças de roupa que juntas representem quem você é, e evitar os itens que não combinam. Suas escolhas devem destacar a sua personalidade, nunca dominá-la.
O mesmo acontece com as fontes. Sites atraentes devem ter uma combinação de fontes que seja consistente com a identidade da marca do seu negócio, onde as fontes não sejam terrivelmente conflitantes entre si, e que não distraiam os visitantes do conteúdo que você trabalhou tanto para produzir. Em outras palavras, a combinação de fontes pode simultaneamente expressar tanto a sua própria mensagem, como trabalhar a seu favor para garantir que outros elementos do seu site também possam ter sua parcela de atenção. É por esses motivos que seria uma boa ideia usar uma fantástica fonte cursiva para o título de um blog de viagens e uma com uma definição mais clara para suas opções de menu.
Um dos fatores mais importantes aqui é a fonte ser legível, já que os visitantes não vão ficar no seu site se tiverem que decifrar as palavras escritas ou se a combinação de demasiadas fontes vai fazê-los esfregar os olhos. Mais ainda, motores de busca como o Google anotam quando seu site tem um tempo de visitação curto ou se as pessoas clicam no botão “Voltar” quase de imediato, o que vai afetar seu posicionamento nas páginas de resultados.
Para evitar essa fatalidade, veja a seguir algumas dicas dos profissionais que compilamos e que você deve ter em mente à medida que cria o design do seu site. Ou você pode usá-las para impressionar seriamente seus amigos com estes fatos divertidos sobre fontes. Você resolve.
Simplicidade: Lembre-se do número três. Esse é o máximo de tipos de fontes que você deve usar no seu site.
Organize uma hierarquia: Identifique as fontes para seu título, subtítulo e parágrafos. Distinguir visualmente estas categorias umas das outras vai ajudar os visitantes do site a organizar e compreender instantaneamente a informação que lhes é apresentada. Por exemplo, é uma excelente prática usar para seus títulos a fonte mais arrojada inspirada na sua personalidade, pois sugere de imediato que aquelas palavras contêm as informações mais importantes. Subtítulos dão sinais adicionais para seus visitantes, destacando opções ou chamadas de ação. Obviamente que o texto do parágrafo deve ser o mais fácil de ler dos três.
Mantenha a consistência: Além de se ater ao plano para as suas fontes, conforme mencionado acima, é importante não trocar nada no meio de uma frase. Se você precisa enfatizar alguma coisa no seu texto, opte por itálico ou negrito ao invés de mudar a fonte.
Agora você já está pronto para começar as combinações de fontes dos seus sonhos. Comece por verificar estas sugestões de pareamento de fontes para encontrar aquela que você quer para compartilhar com o mundo. Cada combinação lista a recomendação para a fonte do título, subtítulo e parágrafo, da esquerda para a direita.
Melhores exemplos de fontes que combinam para seu site:
1. Georgia, Avenir & Avenir Light
Conheça a Georgia, uma fonte com serifa clássica que é, ao mesmo tempo, séria e elegante, como um “smoking”. Vai bem acompanhada da família Avenir, uma fonte clássica sem serifa que se vangloria de ser facilmente legível, e combina com a simplicidade e a graça da Georgia.
Boa para: Empresas, portfólios, CVs e publicações. Dê uma olhada neste template Wix que apresenta estas fontes: template Produtora de vídeos de casamento.
2. Oswald Medium & Roboto Bold
A Oswald Medium transmite poder com o peso do negrito e as linhas claras. Usando uma fonte para título forte como essa, é bom equilibrar o restante da sua página com a Roboto Bold. Esta fonte neo-grotesque sem serifa foi desenvolvida pelo Google como a fonte de sistema para o Android, o sistema operacional dos seus telefones, de forma a ter características de “modernidade e acessibilidade”.
Boa para: Empresas, saúde & bem estar, tecnologia. Dê uma olhada neste template Wix que apresenta estas fontes: template Escola de Karatê para crianças.
3. Reklame Script, Poppins Semi Bold & Poppins extra Light
Reklame Script pertence à família das fontes influenciadas pela letra manuscrita da publicidade impressa dos anos 40 e 50. Esta inspiração se reflete na sensação amigável da fonte, que é excelente para transmitir uma abordagem pessoal ou qualquer outro assunto divertido. O aspecto claro e geométrico da Poppins SemiBold e Poppins Extra Light as tornam ideias para seus subtítulos e texto de parágrafo, respectivamente.
Boa para: Empresas cujo público-alvo é familiar ou infantil, lojas virtuais, DIY (faça você mesmo) e blogs. Dê uma olhada neste template Wix que apresenta estas fontes: template Convenção de Quadrinhos.
4. Monoton, Lulo Clean & Futura
Sinta toda a nostalgia do estilo retrô da Monoton. Esta fonte artística definitivamente é uma das que servem apenas para grandes títulos. Contrabalance o poder dessa fonte mantendo seus subtítulos simples e amigáveis com a Lulo Clean só de maiúsculas. Amarre tudo de uma forma elegante usando a Futura para o texto dos seus parágrafos.
Boa para: Música, entretenimento e temas retrô. Dê uma olhada neste template Wix que apresenta estas fontes: template Salão de Tranças de Cabelo.
5. DIN Neuzeit Grotesk & Avenir Light
Tenha um site acessível e legível com a geometria clássica da DIN Neuzeit Grotesk para os títulos. Continue esta tendência com a fonte clássica e sem serifa Avenir Light, cuja elegância simples agrada muito aos olhos dos leitores.
Boa para: Empresas, lojas virtuais, portfólios e fotografia. Dê uma olhada neste template Wix que apresenta estas fontes: template Boutique de Plantas.
6. Raleway & Helvetica
Raleway é o equivalente, em termos de fonte, a adicionar um acessório a um vestido preto ou ter suas meias estilosas aparecendo por baixo das calças de seu terno feito sob medida. Arrojada e moderna, simples com um toque especial. Combina muito bem com a Helvética, uma fonte sem serifa que mantém a modernidade do tema e a aparência clara existentes no site.
Boa para: Empresas, lojas virtuais, portfólios e fotografia. Dê uma olhada neste template Wix que apresenta estas fontes: template Artista da Música.
7. Belinda, Libre Baskerville & Brandon Grotesque
A fonte Belinda pode ser usada para evocar uma atmosfera pessoal e convidativa, com seu estilo vintage que parece escrito com um pincel. Combine com subtítulos da Libre Baskerville, cuja tipografia com serifa é criada nos moldes de uma fonte antiga, com um aspecto mais tradicional. Termine com a Brandon Grotesque para seus parágrafos de texto. Esta fonte geométrica e sem serifa dá uma pitada de modernidade aos toques mais nostálgicos das outras duas fontes selecionadas.
Boa para: Empresas, moda, DIY (faça você mesmo), blogs e comida. Dê uma olhada neste template Wix que apresenta estas fontes: template Salão de Beleza.
8. Playfair Display & Snell Roundhand
Esta combinação leva a elegância ao ponto máximo. A fonte moderna com serifa Playfair Display transborda design clássico. Junto com a fonte vintage Snell Roundhand para seus subtítulos, seu site será um exemplo de elegância.
Boa para: Casamentos, convites, joias e lojas virtuais. Dê uma olhada neste template Wix que apresenta estas fontes: template Loja de poster.
9. Sarina, Playfair Display & Proxima Nova
O formato das letras no estilo “pincelada” da fonte Sabrina projeta a arte casual das pessoas descoladas que você conhece e se formaram em design. Seu formato cheio de estilo é bem equilibrado pelos subtítulos em Playfair Display, uma fonte moderna com serifa que deixa tudo elegante e clássico e a simplicidade da Proxima Nova nos parágrafos.
Boa para: Estilo de vida, beleza e lojas virtuais. Dê uma olhada neste template Wix que apresenta estas fontes: template Loja de Beleza Natural.
10. Clarendon LT, Lulo Clean & Georgia
A estrutura vigorosa de uma fonte slab serif faz a Clarendon LT se destacar na página. Dê uma moderada no restante do seu texto com a Lulo Clean, só de maiúsculas, para seus subtítulos e a Georgia, fonte graciosamente profissional, para seus parágrafos.
Boa para: Empresas e publicações. Dê uma olhada neste template Wix que apresenta estas fontes: template Loja de roupas temporária.
Para imprimir e guardar
Qual combinação de fontes representa melhor a sua marca? Encontre hoje mesmo a sua combinação e comece a usá-la no seu incrível site!
Por Equipe Wix
