Combinações com a fonte Avenir: o que combina com ela
Combinações com a fonte Avenir
Combinações com a Avenir: 5 pares e alternativas grátis | We.Inc
Cinco combinações com a fonte Avenir com prévia ao vivo, três substitutas grátis do Google Fonts e a pilha de fontes CSS que usa Avenir só onde ela está licenciada ou instalada.
A Avenir é uma sans serif geométrica e limpa de Adrian Frutiger, vendida pela Linotype. Ela combina bem com uma serifada robusta para textos longos, como Lora ou Merriweather, ou com uma serifada de display de alto contraste como Playfair Display para títulos. Como a Avenir exige licença paga na web, uma substituta grátis como Nunito Sans ajuda.
Guia rápido de combinações
Objetivo
Títulos
Texto
Loja acolhedora e legível
Avenir
Lora
Revista ou blog
Playfair Display
Avenir
Artigos longos
Avenir
Merriweather
Marca minimalista
Avenir Bold
Avenir Regular
Ar de livro, tranquilo
Avenir
Source Serif 4
A Avenir raramente precisa de uma segunda sans serif ao lado; ela já cumpre o papel simples e moderno. As combinações que funcionam dão a ela um contraste de forma, geralmente uma serifada, e deixam tamanhos e pesos fazerem o resto. Teste cada receita abaixo com uma substituta grátis e depois copie o CSS.
Decida qual fonte sustenta a leitura: o texto corrido é onde a maioria dos visitantes passa o tempo.
Deixe os títulos com a outra fonte e use no máximo duas famílias.
Escreva uma pilha de fontes que cite a Avenir primeiro e uma substituta grátis depois, para que todo visitante veja algo parecido.
Carregue só os pesos que você usa, por exemplo 400 e 700, para manter a página leve.
As licenças da Avenir são vendidas por uso (desktop, web fonts, apps), então confira se a sua cobre servir o arquivo da fonte a partir de um site.
Use o texto corrido em Avenir um pouco maior do que usaria uma serifada, em torno de 17px ou 18px, como ponto de partida para avaliar a olho.
Evite combinar a Avenir com a Futura ou outra sans geométrica. São parecidas demais para parecer intencional e diferentes demais para parecerem iguais.
Se usar só a substituta, tire os nomes da Avenir da pilha para que o design não mude de um dispositivo para outro.
Teste seus títulos nas duas fontes da pilha; as larguras são diferentes, então uma linha que cabe em uma pode quebrar na outra.
Perguntas frequentes
Quem criou a Avenir?
Adrian Frutiger a desenhou. A Linotype publica a família, e a biblioteca de fontes da Linotype pertence à Monotype, que detém a marca Avenir.
A Avenir é grátis para usar em um site?
Não. A Avenir é uma fonte comercial. Quem a vende oferece licenças separadas para desktop, web fonts, apps e outros usos, então compre a licença de web font se quiser servi-la a partir do seu site.
Qual é a alternativa grátis mais próxima da Avenir?
Não existe uma cópia grátis exata. Nunito Sans, Mulish e Figtree, no Google Fonts, compartilham o ar geométrico, limpo e arredondado dela e são lançadas sob a SIL Open Font License. Qual é a mais próxima é questão de olho; compare na prévia.
Que serifada combina com a Avenir?
Serifadas de texto robustas e de formas abertas, como Lora, Merriweather e Source Serif 4, ficam bem ao lado dela. Para títulos grandes, uma serifada de alto contraste como Playfair Display traz mais drama.
Onde a Avenir é usada?
A própria página da Linotype cita seu uso na sinalização dos aeroportos internacionais de Dallas Fort Worth e Hong Kong, e diz que Amsterdã a adotou como fonte institucional em 2003.
O que torna a Avenir fácil de combinar
Frutiger se propôs a reinterpretar as sans serif geométricas do início do século 20 com um toque mais humano, segundo a descrição da família no fonts.com. O resultado tem letras redondas, mas junções mais suaves do que uma fonte estritamente geométrica.
Essa textura calma e uniforme é o motivo de ela raramente brigar com a parceira. A parceira só precisa de diferença suficiente para mostrar uma escolha deliberada: serifas, mais contraste de traço ou um peso mais forte.
Avenir, Avenir Next e a pilha de fontes
A Avenir Next é a família ampliada que Akira Kobayashi desenvolveu com Frutiger, indo de UltraLight a Heavy, com larguras condensadas. Uma pilha de fontes pode citar as duas, e o navegador usa a primeira disponível.
Uma pilha só usa fontes instaladas ou que você serve. Se você não licenciou a Avenir como web font, a maioria dos visitantes verá a sua substituta, então escolha-a com cuidado.
Substitutas grátis para a Avenir
As três estão no Google Fonts sob a SIL Open Font License. As observações de comparação são nossa própria avaliação depois de colocá-las lado a lado.
Famílias do Google Fonts que substituem a Avenir
Fonte
Designers (segundo o Google Fonts)
Como se compara
Nunito Sans
Vernon Adams, Jacques Le Bailly, Manvel Shmavonyan, Alexei Vanyashin
A sensação geral mais próxima; terminais um pouco mais suaves
Mulish
Vernon Adams, Cyreal, Jacques Le Bailly
Mais leve e minimalista; boa para texto pequeno
Figtree
Erik Kennedy
Um pouco mais simpática e larga; forte em títulos em negrito
CSS para copiar
Títulos em Avenir com texto em Lora
A Avenir é usada onde o dispositivo a tem; todos os outros recebem a Nunito Sans, carregada grátis do Google Fonts.
Veja uma combinação
Escolha uma receita e uma substituta grátis. Se o seu dispositivo tem a Avenir instalada, você vê a Avenir; caso contrário, vê a substituta, exatamente como muitos dos seus visitantes veriam.
Receita
Substituta grátis da Avenir
Tamanho do texto
Títulos em Avenir, texto em Lora
Títulos em Playfair Display, texto em Avenir
Títulos em Avenir, texto em Merriweather
Avenir para tudo, dois pesos
Títulos em Avenir, texto em Source Serif 4
Mesas artesanais, feitas para durar
Cada peça é cortada em carvalho local e finalizada à mão na nossa oficina. A maioria dos pedidos sai em até três semanas, e entregamos grátis em um raio de 40 km.
Ver a coleção
CSS desta combinação
Copiar CSS
Copiado.
Não foi possível copiar. Selecione o código e copie manualmente.
A prévia carrega as fontes grátis do Google Fonts no seu navegador. A Avenir em si nunca é baixada aqui.