Estou trabalhando em um grande projeto de site onde 'Helvetica Neue' é muito usado. Preciso de uma fonte com aparência quase igual, livre para uso pessoal e comercial e com boa aparência, mesmo quando usada com cópia de texto (por exemplo, tamanho da fonte para cópia de texto = 11px, para títulos = 16px).
Também deve haver um estilo de fonte condensada incluído (se possível).
website-design web-fonts web-safe font-recommendation
— drpelz
fonte
3
Você checou esta pergunta? graphicdesign.stackexchange.com/questions/602/...
— Yisela
1
Eu apenas uso font-family: "Helvetica Neue"É legal porque não estou servindo a fonte; em vez disso, o navegador o está usando no sistema do usuário, se existir.
— clickbait 10/01
Aqui estão algumas boas alternativas dsgn.link/helvetica-alternatives-on-google-fonts
— Mark Jackson
Respostas:
73
Eu ainda acho que, para a web , a melhor opção gratuita disponível é o Liberation Sans . É renderizado perfeitamente com o @ font-face.
Mas você pode obter o Helvetica Neue for web no Fonts.com para uso na web por um preço justo também. Eu provavelmente usaria a família de fontes: "Helvetica Neue, Helvetica, Libertação Sans, Arial, Sans Serif"; para que os computadores com a fonte instalada possam vê-lo e aqueles que não o possuam possam ver uma substituição.
— Yisela
fonte
8
Pessoalmente, gosto muito do Open Sans, que está disponível em vários pesos e disponível no Google Fonts: google.com/fonts/specimen/Open+Sans
— Tim S.
3
De acordo com a entrada da Wikipedia sobre fontes Liberation, "... os documentos que incorporam essas fontes não se enquadram automaticamente na GNU GPL, mas provavelmente ainda causarão problemas com o software comercial". Não sou advogado, mas parece que se você usar fontes Liberarion em um produto de software, poderá ser obrigado a aplicar uma licença GPL a esse produto, o que pode não ser o que você deseja. Mais uma vez, enfatizando que eu não sou especialista em licenciamento, mas tive que desistir de usar o Liberation em um projeto por causa de preocupações com o licenciamento.
— Questionador
2
Sim, usei Liberation Sans e TeXGyreHeros (mencionados na resposta de Capiedge). Observe que a fonte da web do Google "Arimo" é idêntica à Liberation Sans: graphicdesign.stackexchange.com/a/9054/9127
— Gavin R. Putland
3
As fontes @Questioner Liberation agora usam a Licença de fonte aberta SIL, não a GPL, portanto isso não deve ser problema agora.
— Scribblemacher
50
Roboto é um bom sans neo-grotesco que pode substituir a Helvetica. Encomendado pelo Google e lançado gratuitamente . Usado como fonte padrão do Android.
O Google redesenhou o Roboto em julho de 2014. A amostra acima foi atualizada.
Mais sobre a semelhança de Roboto (pré-redesenho) com Helvetica aqui . Eu não exageraria sua similaridade, mas diria que é uma boa alternativa gratuita. Desde o redesenho de 2014, alguns de seus aspectos mais helvéticos foram realmente removidos.
Também concordo com a recomendação de Yisela de Liberation Sans, que também é uma boa fonte, embora disponível em menos pesos.
— thomasrutter
fonte
3
Roboto nas fachadas da web do Google aqui: google.com/fonts#UsePlace:use/Collection:Roboto
— Simon East
1
Nota: o Google, em sua infinita sabedoria, decidiu redesenhar totalmente o Roboto a partir de julho de 2014 - entre outras coisas, não possui mais o "R" do tipo Helvética e outras letras como "g" e "e", "k" e "K" tem um design diferente. A partir de agora, a versão nas fontes da web do Google ainda é a versão antiga, mas é improvável que continue assim.
— thomasrutter
Um Fudgedicle é a versão sem marca registrada?
— Eric Mickelsen
26
Tex-Gyre-Heros é para mim o melhor. Aproveite!
Fontes Tex-Gyre na casa de fundição eletrônica GUST
Instale no Ubuntu:
sudo apt install tex-gyre
— Capiedge
fonte
2
Essa fonte é realmente derivada de uma fonte URW ++. Ainda é mencionado nos direitos autorais.
— Andrew Leach
5
URW ++ é uma fundição de fontes. Essa fonte é um trabalho derivado e provavelmente não licenciado para distribuição gratuita. As fontes URW ++ são muito caras.
— Andrew Leach
4
Você pode encontrar um resumo dos linces neste link fontsquirrel.com/license/TeX-Gyre-Heros Ao ler, não vi nenhuma restrição ao dizer que essa é uma fonte livre. Você não acha?
— precisa saber é o seguinte
2
@AndrewLeach, é bom estar atento a isso, pois existem muitas 'fontes grátis' questionáveis ​​por aí. Dito isto, o FontSquirrel, eu sinto, é uma das fontes mais legítimas para tipos de letra gratuitos. Além disso, o URW ++ lançou ou ajudou a liberar fontes para projetos de código aberto. Um exemplo é a versão do Garamond: en.wikipedia.org/wiki/Garamond#URW.2B.2B_Garamond_No._8
— DA01
3
Especificamente, as famílias TEX foram realeased pela URW sob a GPL tex.stackexchange.com/questions/107877/...
— espiral
13
A fonte licenciada de código aberto mais próxima da Helvetica Neue que encontrei é surpreendentemente o GNU FreeSans. Abaixo está uma amostra do Inkscape, com o FreeSans na parte superior e a Helvetica Neue na parte inferior. Os glifos são quase idênticos, alguns estão um pouco mais próximos do Helvetica original. O espaçamento varia um pouco (pelo menos no Inkscape). A maior diferença que vejo é que o FreeSans tem ligaduras entre certos caracteres, observe a combinação 'fl'. É uma fonte excelente e funciona bem com a família de fontes GNU do FreeSerif e FreeMono.
— Brad Johnson
fonte
9
Para um Helvetica Neue Condensed , você pode dar uma olhada no webfont Archivo Narrow:
https://www.google.com/fonts/specimen/Archivo+Narrow
Para a versão Helvetica Neue Black , esta versão do Archivo Black também não é ruim:
https://www.google.com/fonts/specimen/Archivo+Black
Para o outro Helvetica Neue como o padrão, outras respostas foram publicadas e são muito boas.
Se você quiser se ater apenas ao Google WebFonts, o Droid Sans, o Open Sans e o Roboto não são perfeitos, mas podem funcionar.
— go-junta
fonte
9
Estes parecem semelhantes. Espero que funcionem para você.
http://www.fontsquirrel.com/fonts/TeX-Gyre-Heros
http://www.google.com/fonts/specimen/Lato
— Ferdi Çıldız
fonte
1
Certifique-se de incluir capturas de tela nas recomendações de fontes.
— DᴀʀᴛʜVᴀᴅᴇʀ
3
Todo mundo está fornecendo nomes de fontes parecidas com Helvetica (algumas mais que outras), mas dependendo do tipo de projeto em que você está trabalhando, talvez você não precise de nenhuma delas.
A menos que você precise de algo parecido com Helvetica, Arial pode ser uma opção que você deve considerar. Ele vem pré-instalado em (quase?) Todas as versões do Windows e também nos dispositivos Apple. Infelizmente, Arial Narrow não está incluído no iOS, mas como o Helvetica e o Helvetica Neue são pré-instalados em todos os dispositivos Apple, você não precisa se preocupar muito com isso.
Sua pilha de fontes pode ser algo parecido font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;e você cobriria os dispositivos e sistemas operacionais mais comuns (exceto o Android, que acho que não vem com nenhuma dessas duas famílias de fontes).
Lembre-se de que isso está longe de ser ideal na maioria dos casos, mas permitiria evitar custos de licenciamento e reduzir o tempo necessário para o carregamento do site (já que ele não fará o download de fontes). Isso também sobrecarregará o servidor, mesmo que o fornecimento de fontes não seja tão importante.
Aqui está um link para um site com algumas das fontes pré-instaladas em diferentes sistemas operacionais: http://www.cssfontstack.com . E aqui está outro artigo da Wikipedia sobre o compartilhamento de uso dos diferentes sistemas operacionais: https://en.wikipedia.org/wiki/Usage_share_of_operating_systems .
EDIT: Este site é ótimo quando você deseja verificar qual fonte seria usada em cada navegador e sistema operacional: http://fontfamily.io/
— hack_nug
fonte
1
Olá hack_nug, bem-vindo ao GDSE e obrigado pela sua resposta. Se você tiver alguma dúvida, consulte a Central de Ajuda ou envie um ping para um de nós no Chat de design gráfico quando sua reputação for suficiente (20). Continue contribuindo e aproveite o site!
— 26416 Vincent
2
Isso pode não se parecer muito com Helvetica, mas eu encontrei uma fonte chamada Montserrat que você pode baixar do FontSquirrel .
— user64338
fonte
2
Se não se parece com isso, por que você publicaria como resposta?
— Zach Saucier
A pessoa que faz a pergunta pode achar isso útil.
— user64338
1
O mais próximo que encontrei até agora é o "Raleway" no Google Fonts ( http://www.google.com/fonts ). Eu costumo usar a luz 300, 200 ou 100. Não é exato, mas o mais próximo que posso encontrar no momento.
— Erik
fonte
1
Para maiúsculas, Oswald parece ser uma boa opção disponível no Google Fonts http://www.google.com/fonts/specimen/Oswald
— Himanshu Saini
fonte
Lembre-se de incluir capturas de tela da fonte ao recomendá-la. Ele fornece uma comparação para outras pessoas e uma captura de tela da fonte também melhorará sua resposta.
— DᴀʀᴛʜVᴀᴅᴇʀ
-1
Encontrei essas duas fontes que se parecem com o logotipo do google, se alguém estiver interessado.
https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original-ot/
https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original/
— Anna Susanna
fonte
2
Bem-vindo ao Design Gráfico! Enquanto isso responder à pergunta, seria preferível para editar a sua resposta para incluir imagens das fontes e fornecer o link para referência. Seu segundo link também está quebrado.
— Luciano
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.