Recursos para encontrar bons esquemas / combinações de fontes da Web


8

Comecei a fazer trabalhos freelancers de design de sites para clientes de pequenas empresas, e parte do meu trabalho envolverá a seleção de fontes para uso nos sites que eu farei.

Como a tipografia não é o meu ponto mais forte, fiquei pensando se existe um site que ofereça uma coleção de esquemas / combinações usando fontes da web. Por 'esquema', quero dizer algo tão simples quanto uma pequena lista de fontes que foram propostas para trabalhar / parecerem bem juntas, por exemplo, Fonte A para cabeçalhos, Fonte B para sub-cabeçalhos, Fonte C para cópia do corpo, etc. Basicamente, algo como Combinações de cores , exceto para fontes da web.

Acho que um site como esse seria um ótimo recurso para pessoas como eu, que não são as melhores em escolher fontes que funcionam bem juntas. Seria ótimo se o site indicasse quais dos esquemas de fontes incluídos consistem inteiramente de fontes da web gratuitas, pois essas obviamente seriam muito fáceis de implementar.

Então, alguém conhece sites como esse?


1
Não estou respondendo diretamente à sua pergunta, mas é uma ótima leitura, se você quiser entender melhor como emparelhar fontes: Melhores práticas de combinação de tipos de letra
curioso

Respostas:


5

Esta não é exatamente a resposta que você está procurando, mas aqui estão alguns pensamentos:

Hoefler e Frere-Jones são praticamente o creme da colheita tipográfica. Eles enviaram um e-mail há algum tempo, mostrando alguns ótimos pares de fontes (com suas fontes, é claro), mas no topo há uma boa regra listada:

... tudo construído em torno do Primeiro Princípio Altamente Científico da H&FJ de Combinar Fontes: mantenha uma coisa consistente e permita que ela varie.

Eles mostram algumas semelhanças e diferenças realmente esotéricas (que funcionam muito bem), mas essa regra é uma coisa boa a ser lembrada. Se você usar um sem serifa para o texto do cabeçalho, use um serifa para copiar o corpo. Se você tiver algo com traços grossos, compare-o com algo mais fino. Como foi discutido em um tópico um pouco semelhante , Bauhaus e Bembo não têm muito em comum, mas Bauhaus e Futura compartilham algumas formas geométricas de letras, variando em espessura e em sua elegância geral.

Fontes em uso é um ótimo recurso a partir do qual você pode se inspirar. Eu vinculei à seção da Web. Eles não lidam com fontes gratuitas, mas espero que você ache isso útil.


4

Eu recomendo este site: http://hellohappy.org/beautiful-web-type/ . Não existem muitas combinações, mas elas são exibidas de maneira inspiradora.

Todas as fontes estão disponíveis gratuitamente para uso comercial no brilhante Diretório de fontes do Google .

Se você quiser experimentar suas próprias combinações para ver o que você gosta (afinal, isso é a coisa mais importante), vá para http://font-combinator.com/, onde há uma ótima ferramenta para editar alguns blocos de texto para veja como eles funcionam juntos, usando também o recurso gratuito da fonte do Google.

Pesquise " Combinações de fontes do Google " para obter mais inspiração.


2

Para uma melhor compreensão das fontes, consulte https://typekit.com/

Eles têm uma ótima coleção de fontes para usar no design da web, e até as fontes do google também têm uma boa coleção de fontes gratuitas.

Trabalhe com fontes, brinque com fontes. É a única maneira de se tornar bom na seleção de fontes.


2

Já experimentou fooont.com ? Consiste inteiramente em pares de fontes hospedados nas Google Webfonts.

Basta baixar o arquivo CSS e usá-lo instantaneamente em seu site. Espero que isso ajude :)



1

Existem muitos sites que fornecem pares de fontes. Alguns que ainda não foram mencionados incluem

  • Femmebot - para emparelhamentos de fontes do Google.
  • Par de fontes - também para emparelhamentos de fontes do Google.
  • Canva - Emparelhamentos de fontes mais gerais.
  • DesignModo - Também emparelhamentos de fontes mais gerais.
  • FontJoy - Para geração aleatória de pares de fontes usando aprendizado profundo.

0

Eu recomendo o Typewolf.com . O site é administrado pelo designer Jeremiah Shoaf.

Há duas seções que considero particularmente úteis:

  1. Recomendações e listas de fontes incluem algumas listas de combinações de fontes.
  2. O Web Fonts in the Wild é um banco de dados de fontes que inclui uma lista de emparelhamentos sugeridos e uma amostra de emparelhamentos de fontes de toda a web.

O site também apresenta um excelente índice de fontes semelhantes / alternativas, incluindo um documento disponível para compra que lista muitas alternativas gratuitas para fontes pagas; isso é especialmente útil se você estiver com um orçamento limitado.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.