Combinar tipos de letra é uma das habilidades mais desafiadoras para um designer dominar. Definir duas fontes juntas no mesmo design traz aromas inesperados em ambas. Além do mais, raramente há uma resposta certa ou errada.

Existem dezenas de maneiras diferentes de combinar tipos de letra, algumas mais úteis do que outras, mas o ponto mais prático para começar é entender o papel de cada fonte e focar em suas qualidades.

Quantas fontes são fontes demais?

Você raramente precisa de mais de um tipo de letra. Um é quase sempre adequado para criar uma hierarquia e transmitir sua mensagem.

Em termos práticos, o design de um único tipo é raro, mesmo porque a maioria dos designs possui um logotipo, e a maioria dos logotipos possui texto, e por natureza um tipo usado para um logotipo provavelmente não funcionará para o texto do corpo. Existe uma regra que diz que você não deve usar mais de três tipos em um único design, dado que o logo usa um (ou dois!) Tipos de letra, você provavelmente está restrito a dois rostos.

Normalmente, para que os cabeçalhos se destaquem quando a página é digitalizada, usamos uma fonte para o corpo do texto e outra para a exibição. No entanto, você pode destacar títulos usando uma variação em negrito ou uma cor de destaque, você não precisa necessariamente de um tipo de letra adicional para isso.

Arquivos de fontes tendem a ter clock de cerca de 65kb, se você estiver usando itálico e variantes de peso, então é quase 200kb de download adicionado ao seu site. O pior é que as solicitações adicionais de HTTP estão sendo feitas para o servidor.

Então a resposta é, quanto menos fontes, melhor. Cada tipo tem que ganhar seu sustento, se você não tem uma boa razão para usá-lo, então não.

Como selecionar uma fonte prática

Freqüentemente, sua escolha inicial de fonte é retirada de suas mãos; as empresas geralmente especificam um tipo de letra, ou até mesmo um conjunto de fontes, como parte de suas diretrizes de marca. Ocasionalmente, você encontrará um trabalho com requisitos específicos, como espaço limitado que pode exigir uma face condensada ou um monte de texto legal que exija um rosto legível em tamanhos pequenos. No entanto, se você se encontrar com uma página totalmente em branco, com opções ilimitadas, o lugar natural para começar é a maior proporção de texto, e essa é provavelmente sua cópia do corpo.

Ao selecionar um tipo de letra para o corpo do texto, sua principal preocupação deve ser a legibilidade. Não se preocupe com a personalidade neste estágio.

Eu sou da escola de pensamento que acredita que é melhor você dominar algumas fontes que você conhece bem e pode confiar, do que reinventar a roda com todos os designs. Então, eu defendo algumas escolhas confiáveis ​​que você possa fazer. Meus tipos de texto atuais para texto do corpo (em fontes do Google) são Droid Sans , Noto Serif e Cabine .

Como selecionar uma fonte de personalidade

Aqui é onde entra o ofício ...

Selecionar seu primeiro tipo de letra para facilitar a leitura é geralmente um caso de pegar uma ferramenta confiável, como um artista pegando um lápis 2B. No entanto, ao selecionar um segundo tipo de letra, há duas coisas a serem lembradas:

Em primeiro lugar, seu segundo tipo de letra não é selecionado para praticidade, mas para personalidade. E é vital entender que não é apenas selecionado para sua própria personalidade, o segundo tipo de letra extrai a personalidade do primeiro. Todos os tipos de caracteres têm uma personalidade de algum tipo, a maioria tem inúmeras características, como sentir-se amigável, ergonômico ou estóico. Se duas faces compartilharem a mesma característica, quando combinadas, a característica será multiplicada.

fira-merriweather

Fira Sans e Merriweather

Em segundo lugar, seu segundo tipo de letra precisa parecer como se pretendesse trabalhar com o primeiro, a fim de criar uma voz consistente. Procure rostos com proporções semelhantes: a forma dos contadores deve ser semelhante, a relação entre a altura x e os ascensores deve ser semelhante.

Com essas duas preocupações em mente, você tem três opções para selecionar um segundo tipo de letra:

Opção 1: a aposta segura

Muitos tipos de letra são desenhados com uma serifa companheira ou sans-serif - Scala Sans tem Scala Serif, Meta tem Meta Serif. Minha fonte corporal favorita do momento, Droid Sans, tem Serif Droid .

O valor da combinação de fontes complementares é que as letras básicas são geralmente idênticas. O grau de contraste é mínimo, mas suficiente para justificar a solicitação extra de http.

Se você não é super confiante em sua capacidade de misturar fontes, então esta é uma opção realmente confiável.

droid-droid

Tipos de Companheirismo Droid Sans e Serif Droid

Opção 2: Contrastando uma característica

Se você escolheu um rosto de corpo altamente legível, talvez possa escolher um rosto de exibição que não seja. Se você escolheu um rosto geométrico, considere um rosto de exibição humanista. Se o rosto do seu corpo estiver quente e convidativo, experimente um rosto de exibição que seja forte e indiferente.

Noto Serif tem bons marcadores redondos (os espaços em letras como 'c' e 'o') e os parênteses em suas serifas são igualmente agradáveis ​​e redondos. É aberto e amigável, sente-se confiante e contemporâneo, com esculturas pouco expressivas. Para contrastar com isso você pode escolher um tipo de letra como Questa Sans . Questa Sans também é contemporâneo, também confiante, também arredondado. Mas o Questa Sans não tem floreios expressivos, é muito mais prático.

noto-questa

Tipos de letra com um toque contrastante, Noto Serif e Questa Sans

Opção 3: estilos contrastantes

Embora seja possível contrastar uma única característica, você também pode adotar a abordagem oposta e contrastar todas as características, exceto uma.

A maneira de fazer isso é identificar o caractere principal de seu primeiro tipo de letra e depois encontrar um segundo que compartilhe apenas essa característica. Esta é de longe a abordagem mais desafiadora, porque muito aqui é subjetivo, mas também pode ser a opção que produz as combinações mais surpreendentes e agradáveis.

Cabine é um simples sans-serif, com muito pouco contraste. É o mais próximo de uma sans-serif geométrica (ou seja, um tipo de letra construído matematicamente), já que estou à vontade para um rosto de corpo. Não é nada acadêmico, e não é amigável à mídia, mas é uma face corporativa muito bem-sucedida.

Para contrastar com o Cabin, você pode escolher um tipo de letra Buenard . Buenard é igualmente corporativo, tem proporções semelhantes à Cabine, mas suas formas mais tradicionais servem para enfatizar a geometria da Cabine.

cabine-buenard

Tipos de letra com formas contrastantes, Cabine e Buenard

Conclusão

Diferentes tipos de letra, em diferentes proporções, desenham diferentes sabores em seus designs. Tal como acontece com muitas coisas, a restrição é frequentemente aconselhável porque a combinação de tipos de letra é um processo exponencialmente complexo.

Como você escolhe combinar tipos não importa realmente, o que conta é o resultado final. No entanto, é quando você corre riscos e procura pares inesperados que você descobrirá os resultados mais satisfatórios.