Quais são as fontes da Web do Google ou alternativas do Typekit ao Avenir Next Pro?

Estou procurando fontes, disponíveis no Google Webfonts (de preferência) ou Typekit, que seriam semelhantes a Avenir Next Pro , especificamente, Negrito e Demi :

Letras maiúsculas ABCDE, seguidas por minúsculas a. Preto em branco

Letras maiúsculas ABCDE, seguidas de abcde minúsculo e numeral 1. Preto em branco

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

Comentários

Resposta

Nunito é realmente muito diferente de Avenir – as letras são bastante arredondadas d.

Eu fiz um trabalho sério nisso para um cliente e descobri que a fonte do Google Lato é virtualmente indistinguível de Avenir – você pode literalmente colocar duas palavras nas duas fontes próximas uma da outra e não notar a diferença.

Comentários

  • Eu discordo aqui. O Q e o g são bem diferentes, e basta que relutemos em usar Lato como alternativa. Você pode ver uma comparação aqui

Resposta

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

Comentários

  • Hmm … em minúsculas realmente não ‘ t parece tão semelhante, muito redondo. Eu ‘ continuarei procurando.
  • Para cópias em tamanho pequeno com certeza, mas definitivamente não para títulos.
  • Sim, caminho muito arredondado. Quase cômico (-sans) ical.
  • E, na verdade, Nunito Sans é o equivalente não arredondado, então ‘ é muito melhor – você pode encontrá-lo em Google Fonts ou google fonts web helper .

Resposta

Acho que Museo Sans é bom o suficiente:

insira a descrição da imagem aqui

Nas fontes do Google também há Montserrat pode ser usado para algumas palavras 🙂

insira a descrição da imagem aqui

Comentários

  • Eu acho o Museo lindo, mas quando tentei a renderização do navegador não estava perfeita, especialmente no Windows mais antigo. Se esse ‘ é o público principal, eu ‘ testo completamente!

Resposta

Acabei usando Muli de Google Fonts , acho que está bem perto:

insira a descrição da imagem aqui

Comentários

  • E o PT Sans?
  • Tentei os outros e este definitivamente parece ser o mais semelhante.
  • O Q é realmente muito diferente – mas o gráfico não reflete o Q real em Muli.

Resposta

Eu encontrei Solicite que você esteja bem perto do Avenir Next Pro nas fontes do Google.

https://fonts.google.com/specimen/Prompt

Você pode verificar a comparação aqui

insira a descrição da imagem aqui

Comentários

  • Eu concordo – isso ‘ s super close !!!!

Resposta

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

insira a descrição da imagem aqui

Resposta

Para sua informação, para os rostos mais leves do AvenirNext, não ignore o Ideal Sans. Eles são virtualmente idênticos. Eu não comparei os pesos mais pesados, mas para os mais leves, este é o meu favorito. Sim, o g minúsculo é diferente, mas por outro lado, é muito bom. Percebo que estou necro-postando, mas para qualquer outra pessoa que apareça:

Comparando AvenirNext Light com IdealSans

Comentários

  • bem-vindo ao GD.SE! Postagem Necro está ok, contanto que a resposta seja útil e atenda a questão.Se você quiser saber mais sobre o site, verifique a central de ajuda .

Resposta

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

Comentários

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

Resposta

Eu acredito que Sofia Pro Light do Font Squirrel é uma correspondência próxima.

insira a descrição da imagem aqui

Comentários

  • fonte de boa aparência, mas da licença, ” O Licenciado não pode vincular a Fonte a sites usando o seletor @ font-face em CSS. Uma licença estendida pode estar disponível por uma taxa adicional. ”

Resposta

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

(do TypeKit)

Comentários

  • você se importaria de adicionar alguns imagens para nos ajudar a entender por que essas são uma boa escolha sem ter que sair do GD.SE? A podridão de links também é um problema. Se esses links morrerem, sua resposta perde relevância

Resposta

Não tenho certeza se este é o melhor lugar, mas você não vai errar muito com nenhum destes

OpenSans :

SourceSans :

insira a imagem e descrição aqui

Resposta

Exceto para o “Q” maiúsculo e a altura inferior dos ascendentes, Proxima Nova no Typekit está bem perto.

Comentários

  • Minúsculas ” a ” também é um pouco diferente, mas concordo que é uma excelente alternativa.

Resposta

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

A Liga ofereceu apenas os & open-source, @ font-face ready fonts

Está disponível em 8 estilos diferentes. insira a descrição da imagem aqui

Comentários

  • Na verdade, League Spartan está disponível em oito pesos agora, mais uma fonte variável.
  • @BertD Essa é uma boa notícia!

Resposta

Tenho procurado um bom substituto para isso. Open Sans, Source Sans Pro e todas as outras fontes sans-serif populares no Google Fonts não têm nada a ver com Avenir Next. Avenir Next é uma fonte fina. Usei esta filtragem nas fontes do Google para encontrar fontes finas sem serifa semelhantes. Encontrei dois: Heebo e Yantramanav. Usar isso com o estilo Thin ou Light me deixa muito perto do Avenir Next.

Comentários

  • Por favor, inclua capturas de tela das duas fontes recomendadas que você mencionou .
  • Ótimas escolhas. Supera todas as outras sugestões do Google Fonts.

Resposta

Eu pessoalmente acho Gibson no Typekit parece mais semelhante do que qualquer uma das outras sugestões aqui.

insira a descrição da imagem aqui

Resposta

Nunito é uma excelente alternativa para Avenir. Os ascendentes são ligeiramente mais altos em Avenir, mas mesmo o designer mais perspicaz teria dificuldade em distingui-los. Ele 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

Comentários

  • Nunito é um rosto arredondado. Em qualquer coisa acima dos tamanhos mostrados aqui, o rosto pareceria muito diferente.
  • Pareceria praticamente o mesmo para pessoas cegas, fora isso, não.
  • ” Nunito Sans ” é a versão com terminais não arredondados: fonts.google.com/specimen / …

Resposta

Eu vim em Open Sans , e parece que o J maiúsculo é a única letra obviamente diferente.

Resposta

Eu recomendaria Futura como uma alternativa para Avenir ou Avenir Next

Resposta

Comentários

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

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *