Existe-t-il une alternative gratuite «Helvetica Neue»?

94

Est-ce que quelqu'un connaît d'autres polices similaires à Helvetica Neue (gratuit pour un usage commercial)?

Je travaille sur un grand projet de site Web où «Helvetica Neue» est très utilisé. J'ai besoin d'une police qui a presque la même apparence, qui est gratuite pour une utilisation personnelle et commerciale, et qui a du style, même lorsqu'elle est utilisée avec copytext (par exemple, la taille de police pour copytext = 11px, pour les titres = 16px).

De plus, un style de police condensée devrait être inclus (si possible).

website-design web-fonts web-safe font-recommendation drpelz
la source
3
Avez-vous vérifié cette question? graphicdesign.stackexchange.com/questions/602/…
Yisela
1
Je viens d'utiliser font-family: "Helvetica Neue"C'est légal parce que je ne sers pas la police moi-même; à la place, le navigateur l’utilise à partir du système de l’utilisateur, s’il existe.
clickbait
Voici quelques bonnes alternatives dsgn.link/helvetica-alternatives-on-google-fonts
Mark Jackson

Réponses:

74

Je pense toujours que pour le Web , la meilleure option gratuite est Libération Sans . Il rend parfaitement avec @ font-face.

entrez la description de l'image ici

Mais vous pouvez obtenir Helvetica Neue pour le Web auprès de Fonts.com pour une utilisation Web à un prix raisonnable aussi. J'utiliserais probablement la police de caractères suivante: "Helvetica Neue, Helvetica, Libération Sans, Arial, sans serif"; ainsi, les ordinateurs avec la police installée peuvent la voir, et ceux qui ne l'ont pas peuvent voir une remplaçante.

Yisela
la source
8
Personnellement, j'aime beaucoup Open Sans, qui est disponible dans de nombreux poids et est disponible sur Google Fonts: google.com/fonts/specimen/Open+Sans
Tim S.
3
Selon l'entrée de Wikipédia sur les polices Liberation, "... les documents incorporant ces polices ne relèvent pas automatiquement de la GPL, mais risquent néanmoins de causer des problèmes avec les logiciels commerciaux". Je ne suis pas avocat, mais il semble que si vous utilisez des polices Liberarion dans un logiciel, vous pouvez être obligé d'appliquer une licence GPL à ce produit, ce qui n'est peut-être pas ce que vous voulez. Encore une fois, en soulignant que je ne suis pas un expert en licences, mais que je devais arrêter d'utiliser Liberation sur un projet en raison de préoccupations liées à la licence.
Interlocuteur
2
Oui, j'ai utilisé Liberation Sans et TeXGyreHéros (mentionnés dans la réponse de Capiedge). Notez que la police Web "Arimo" de Google est identique à Liberation Sans: graphicdesign.stackexchange.com/a/9054/9127
Gavin R. Putland
3
Les polices @Questioner Liberation utilisent maintenant la licence de police ouverte SIL Open, et non la licence GPL. Ce problème ne devrait donc plus poser de problème.
Scribblemacher
51

Roboto est un bon sans néo-grotesque qui peut remplacer Helvetica. Commandé par Google et publié gratuitement . Utilisé comme police par défaut d'Android.

Roboto a été repensé par Google en juillet 2014. L'exemple ci-dessus a été mis à jour.

Plus d'informations sur la similitude de Roboto (avant la refonte) avec Helvetica ici . Je ne voudrais pas exagérer sa similitude, mais je dirais que c'est une bonne alternative gratuite. Depuis la refonte de 2014, certains de ses aspects les plus apparentés à Helvetica ont été supprimés.

Je suis également d'accord avec la recommandation de Yisela de Liberation Sans, qui est également une bonne police, bien que disponible en moins de poids.

thomasrutter
la source
3
Roboto sur les webfonts de Google ici: google.com/fonts#UsePlace:use/Collection:Roboto
Simon East
1
Remarque: Google, dans son infinie sagesse, a décidé de redéfinir totalement Roboto à partir de juillet 2014, entre autres qu'il ne possède plus le "R" de type Helvetica, et d'autres lettres telles que "g" et "e", "k" et "K" a un design différent. Pour l'instant, la version sur les polices Web de Google est toujours l'ancienne version, mais il est peu probable que cela reste le cas.
thomasrutter
Est-ce qu'un Fudgedicle est la version non-déposée?
Eric Mickelsen
27

Tex-Gyre-Heros est pour moi le meilleur. Profitez-en!

Tex-Gyre-Heros

Les polices Tex-Gyre chez GUST e-Foundry

Installer sur Ubuntu:

sudo apt install tex-gyre
Capiedge
la source
2
Cette police est en réalité dérivée d'une police URW ++. C'est toujours mentionné dans les droits d'auteur.
Andrew Leach
5
URW ++ est une fonderie de polices. Cette police est un travail dérivé et probablement sans licence pour une distribution gratuite. Les polices URW ++ sont très chères.
Andrew Leach
4
Vous pouvez trouver un résumé de la linces dans ce lien fontsquirrel.com/license/TeX-Gyre-Heros En le lisant, je n’ai pas vu de restriction à ce qu’il s’agisse d’une police gratuite. Tu ne penses pas?
Capiedge
2
@AndrewLeach, il est bon d'être à l'affût, car il existe de nombreuses "polices gratuites" douteuses. Cela dit, FontSquirrel est, à mon sens, l’une des sources les plus légitimes pour les polices de caractères gratuites. En outre, URW ++ a publié ou aidé à libérer des polices de caractères pour des projets Open Source. Un exemple est leur version de Garamond: fr.wikipedia.org/wiki/Garamond#URW.2B.2B_Garamond_No._8
DA01
3
En particulier, les familles TEX ont été publiées par URW sous la licence GPL. Tex.stackexchange.com/questions/107877/…
spirale
14

La police sous licence open source la plus proche de Helvetica Neue que j'ai trouvée est étonnamment GNU FreeSans. Vous trouverez ci-dessous un exemple d’Inkscape, avec FreeSans en haut et Helvetica Neue en bas. Les glyphes sont presque identiques, certains sont un peu plus proches de Helvetica d’origine. L'espacement varie légèrement (du moins dans Inkscape). La plus grande différence que je peux voir est que FreeSans a des ligatures entre certains caractères, notez la combinaison 'fl'. C'est une excellente police qui fonctionne bien avec les familles de polices GNU de FreeSerif et FreeMono. Haut FreeSans, bas Helvetica Neue, application inkscape

Brad Johnson
la source
10

Pour une Helvetica Neue Condensed , vous pouvez consulter la webfont Archivo Narrow:

https://www.google.com/fonts/specimen/Archivo+Narrow

Archivo Webfont condensé Google

Pour la version Helvetica Neue Black , cette version d’Archivo Black n’est pas mauvaise non plus:

https://www.google.com/fonts/specimen/Archivo+Black

Archivo Black Webfonts Google

Pour les autres Helvetica Neue comme le standard, d’autres réponses ont été postées et elles sont plutôt bonnes.

Si vous voulez vous en tenir aux Google WebFonts, Droid Sans, Open Sans et Roboto ne sont pas parfaits mais pourraient fonctionner.

go-junta
la source
4

Tout le monde vous a donné des noms de polices qui ressemblent à Helvetica (certaines plus que d’autres), mais selon le type de projet sur lequel vous travaillez, vous n’en aurez peut-être pas besoin.

Arial pourrait être une option à envisager, à moins que vous n'ayez besoin de quelque chose qui ressemble presque à Helvetica. Il est livré préinstallé (presque?) Dans toutes les versions de Windows et également sur les appareils Apple. Malheureusement, Arial Narrow n’est pas inclus dans iOS, mais comme Helvetica et Helvetica Neue sont déjà pré-installés sur tous les appareils Apple, vous n’aurez pas à vous en inquiéter trop.

Votre pile de polices pourrait ressembler à quelque chose du genre font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;et vous couvririez les appareils et les systèmes d’exploitation les plus courants (à l’exception d’Android qui, à mon avis, n’est livré avec aucune de ces deux familles de polices).

N'oubliez pas que c'est loin d'être idéal dans la plupart des cas, mais vous éviterait des coûts de licence et réduirait le temps de chargement de votre site Web (puisqu'il ne téléchargera pas de polices). Cela allégera également la charge de votre serveur, même si la distribution de polices n’est pas un problème.

Voici un lien vers un site contenant certaines des polices préinstallées avec différents systèmes d'exploitation: http://www.cssfontstack.com . Et voici un autre article dans un article de Wikipedia sur le partage d'utilisation des différents systèmes d'exploitation: https://en.wikipedia.org/wiki/Usage_share_of_operating_systems .

EDIT: Ce site est idéal lorsque vous voulez vérifier quelle police sera utilisée dans chaque navigateur et système d’exploitation: http://fontfamily.io/

hack_nug
la source
1
Bonjour hack_nug, bienvenue à GDSE et merci pour votre réponse. Si vous avez des questions, consultez le centre d’aide ou envoyez une requête ping à l’un de nous dans le chat de design graphique lorsque votre réputation est suffisante (20). Continuez à contribuer et profitez du site!
Vincent
3

Cela ne ressemble peut-être pas beaucoup à Helvetica, mais j’ai trouvé une police appelée Montserrat que vous pouvez télécharger à partir de FontSquirrel .

entrez la description de l'image ici

utilisateur64338
la source
2
Si cela ne lui ressemble pas, pourquoi le posteriez-vous comme réponse?
Zach Saucier
La personne qui pose la question peut trouver cela utile.
user64338
2

Le plus proche que j'ai trouvé jusqu'à présent est "Raleway" sur Google Fonts ( http://www.google.com/fonts ). J'utilise habituellement les lampes 300, 200 ou 100. Pas exactement, mais aussi près que je peux trouver pour le moment.

Erik
la source
2

Pour les majuscules, Oswald semble une bonne option disponible sur Google Fonts http://www.google.com/fonts/specimen/Oswald

Himanshu Saini
la source
Assurez-vous d'inclure des captures d'écran de la police lorsque vous la recommandez. Il fournit une comparaison pour les autres et une capture d'écran de la police améliorera également votre réponse.
DᴀʀᴛʜVᴀᴅᴇʀ
0

J'ai trouvé ces deux polices qui ressemblent au logo de Google, si cela vous intéresse.

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
la source
2
Bienvenue dans le design graphique! Bien que cette réponse à la question, il serait préférable de modifier votre réponse pour inclure des images des polices, et de fournir le lien pour référence. De plus, votre deuxième lien est brisé.
Luciano