Quais são as alternativas do Google Webfonts ou Typekit ao Avenir Next Pro?

56

Estou procurando fontes, disponíveis no Google Webfonts (idealmente) ou Typekit, com aparência semelhante ao Avenir Next Pro , especificamente Bold e Demi :

insira a descrição da imagem aqui

insira a descrição da imagem aqui

Alguma fonte de aparência semelhante, com boa renderização em vários navegadores?

julien_c
fonte
11
Aqui estão algumas boas fontes semelhantes. É uma lista de fontes semelhantes. fontesup.com/similar/avenir-next-lt-pro.html
Илья Токарский

Respostas:

24

Nunito é realmente bem diferente de Avenir - as letras são bastante arredondadas.

Fiz um trabalho sério sobre isso para um cliente e constatei que a fonte do Google Lato é praticamente indistinguível da Avenir - você pode literalmente colocar duas palavras nas duas fontes próximas uma da outra e não dizer a diferença.

Jasmine Wilkinson UXNZ
fonte
6
Eu discordo aqui. O Q e o g são bem diferentes, e basta relutar em usar o Lato como alternativa. Você pode ver uma comparação aqui
Eric K
15

Se você realmente deseja usar uma fonte do Google, sugiro usar o NUNITO. Possui 3 estilos: Livro, Normal e Negrito. Aqui está uma amostra de comparação entre o Livro 300 e a Avenir: https://web.archive.org/web/20140415053621/http://joelcrawfordsmith.com/new/font/avenir O comprimento da frase é uma combinação perfeita e a altura x é ótimo. Sua única falha é que os ascendentes e descendentes são um pouco mais curtos.

heart.cooks.mind
fonte
6
Hmm ... em minúsculas, realmente não parece tão parecido, muito redondo. Eu continuarei procurando.
21713
2
Para cópias de tamanho pequeno, com certeza, mas definitivamente não para títulos.
Marcel
Sim, maneira muito arredondado. Quase cômico (-sans) ical.
Jbyrd 22/11
2
Na verdade, o Nunito Sans é o equivalente não arredondado, por isso é muito melhor - você pode encontrá-lo no Google Fonts ou no assistente de fontes do Google .
Jbyrd
12

Eu acho que o Museo Sans é bom o suficiente:

insira a descrição da imagem aqui

Nas fontes do Google, também há Montserrat que pode ser usado para algumas palavras :)

insira a descrição da imagem aqui

yakunins
fonte
11
Eu acho que o Museo é lindo, mas quando tentei, a renderização do navegador era menos perfeita, especialmente no Windows antigo. Se esse for o público principal, eu o testaria completamente!
Yisela
11

Acabei usando o Muli do Google Fonts , acho bem próximo:

insira a descrição da imagem aqui

user13661
fonte
E o PT Sans?
Jul13
Eu tentei os outros e isso definitivamente parece ser o mais semelhante.
Michael J. Calkins
O Q é realmente bem diferente - mas o gráfico não reflete o Q atual em Muli.
featherbelly
6

Lato também é uma fonte comparável do Google:

insira a descrição da imagem aqui

Kelly
fonte
6

FYI, para as faces mais leves do AvenirNext, não negligencie o Ideal Sans. Eles são praticamente idênticos. Não comparei os pesos mais pesados, mas para os mais leves, este é o meu objetivo. Sim, o g minúsculo é diferente, mas, caso contrário, é muito bom. Sei que sou necro-postagem, mas para qualquer um que aparecer:

Comparando o AvenirNext Light com o IdealSans

Kimberly Hitchens
fonte
bem-vindo ao GD.SE! A publicação Necro está ok, desde que a resposta seja útil e responda à pergunta. Se você quiser saber mais sobre o site, consulte a Central de Ajuda .
Luciano
6

Avenir está disponível para a web em fonts.com

Chris Burton
fonte
Eu não sabia disso, obrigado! Não é servido, eu tenho que hospedá-lo, certo?
21713 Jul13
@julien_c Você pode , no entanto, oferecer um plano para hospedá-lo. Você usaria apenas CSS ou Javascript que eles fornecem para carregá-los em sua página (como Typekit ou Webtype).
Chris Burton
Por uma questão de dizer, o Google Web Fonts não é muito diferente de incorporá-lo você mesmo ao seu próprio servidor. Tudo o que eles estão fazendo é apontar para uma folha de estilo CSS que faz praticamente os mesmos tipos de declaração que você faria em sua própria folha de estilo para incorporá-las. Confira este link e você verá que tudo o que eles estão fazendo é referenciar a fonte de seus servidores em vez de local. fonts.googleapis.com/css?family=Tauri
jbwharris
@ChrisBurton Em termos de licença, não tenho certeza de que posso comprar a fonte e apenas servi-la como fonte da Web. Ou eu sou?
21713
11
@julien_c você precisa ter uma assinatura de webfonts. normalmente eles fornecem a você um javascript ou css, mas você pode optar por se hospedar nos planos Pro. mais informações sobre os preços aqui - fonts.com/web-fonts/plans-and-pricing
Mattc0m
4

Acredito que Sofia Pro Light, do Font Squirrel, é uma partida fechada.

insira a descrição da imagem aqui

fmedia
fonte
11
fonte com boa aparência, mas com a licença "O Licenciado não pode vincular a Fonte a sites da Web usando o seletor @ font-face em CSS. Uma licença estendida pode estar disponível por uma taxa adicional".
Cwd 28/03
3

Exceto pelo "Q" maiúsculo e pela altura mais baixa dos ascendentes, o Proxima Nova no Typekit é bem próximo.

badrobot
fonte
Letras minúsculas "a" também são ligeiramente diferentes, mas eu concordo que esta é uma excelente alternativa.
Eric K
3

A questão já está com três anos, mas eu realmente acho que devo mencionar a League Spartan da League of Movable Type . Não é do Google Fonts, mas é gratuito e de código aberto:

A Liga forneceu apenas as fontes mais bem feitas, gratuitas e de código aberto, prontas para a fonte @

Está disponível apenas em negrito, mas pode ser exatamente o que você precisa. insira a descrição da imagem aqui

Ideograma
fonte
3

Não, não, Nunito ou Lato são muito diferentes aos meus olhos. Eu trabalhei bastante nisso e achei as fontes abaixo bastante semelhantes se tratadas com atenção (tamanho da fonte, peso, espaçamento entre letras):

(do TypeKit)

Fred K
fonte
11
você se importaria de adicionar algumas imagens para nos ajudar a entender por que essas são uma boa escolha sem precisar sair do GD.SE? Também ligação podridão é um problema, se essas relações morrer sua resposta perde relevância
Luciano
2

Não tenho certeza se este é o melhor lugar, mas você não vai dar muito errado com qualquer um desses

OpenSans :

insira a descrição da imagem aqui

SourceSans :

insira a descrição da imagem aqui

MephistonX
fonte
1

Nunito é uma excelente alternativa ao Avenir. Os ascensores são um pouco mais altos em Avenir, mas mesmo o designer mais persnickety teria dificuldade em diferenciá-los. Pode ser encontrado em http://www.google.com/webfonts/specimen/Nunito e possui 3 estilos criados por Vernon Adams

Avenir

insira a descrição da imagem aqui

Nunito (livro 300)

insira a descrição da imagem aqui

Fonte: http://joelcrawfordsmith.com/new/font/avenir

Surjith SM
fonte
2
Nunito é um rosto arredondado. Em qualquer coisa acima dos tamanhos mostrados aqui, o rosto ficaria muito diferente.
DA01
2
Seria o mesmo para pessoas cegas, além disso, nah.
Capsule
3
"Nunito Sans" é a versão com terminais não arredondados: fonts.google.com/specimen/…
siburb
1

Eu tenho procurado por um bom substituto para isso. O Open Sans, o Source Sans Pro e todas as outras fontes sans-serif populares do Google Fonts não são realmente o Avenir Next. Avenir Next é uma fonte fina. Usei essa filtragem nas fontes do Google para encontrar fontes sans-serif finas semelhantes. Encontrei dois: Heebo e Yantramanav. Utilizá-los com o estilo Fino ou Leve me aproxima bastante do Avenir Next.

eatonphil
fonte
11
Inclua capturas de tela das duas fontes recomendadas que você mencionou.
D JunVᴀᴅᴇʀ
Ótimas opções. Supera todas as outras sugestões de fontes do Google.
ifugu
1

Me deparei com o Open Sans , e parece que o J maiúsculo é a única letra que é obviamente diferente.

Naph
fonte
1

Pessoalmente, acho que Gibson no Typekit parece mais semelhante do que qualquer outra sugestão aqui.

insira a descrição da imagem aqui

Tori MacMillan
fonte
-1

Eu recomendaria o Futura como uma alternativa ao Avenir ou Avenir Next

silverliebt
fonte
-2

Na fonte do Google, tente POPPINS é a melhor resposta

Kekeman Kayasawa
fonte
11
Olá Kekeman Kayasawa, bem-vindo ao GD.SE. Você poderia incluir uma captura de tela e um link para o tipo de letra? Dessa forma, os espectadores podem julgar se sua opção é boa sem ter que pesquisar eles mesmos no site de fontes do Google. Obrigado. Se você tiver alguma dúvida sobre este site, consulte a Central de Ajuda . Continue contribuindo e aproveite o site!
26417 Vincent