¿Existe una alternativa gratuita a 'Helvetica Neue'?

¿Alguien conoce otras fuentes similares a Helvetica Neue (gratis para uso comercial)?

Estoy trabajando en un gran proyecto de sitio web donde se usa mucho 'Helvetica Neue'. Necesito una fuente que se vea casi igual, que sea gratuita para uso personal y comercial, y que se vea bien incluso cuando se usa con texto de copia (por ejemplo, tamaño de fuente para texto de copia = 11 px, para titulares = 16 px).

También debe haber un estilo de fuente condensado incluido (si es posible).

Solo uso font-family: "Helvetica Neue"It's legal porque no estoy sirviendo la fuente yo mismo; en cambio, el navegador lo está utilizando desde el sistema del usuario, si existe.

Respuestas (12)

Sigo pensando que para la web , la mejor opción gratuita que existe es Liberation Sans . Se renderiza perfectamente con @font-face.

ingrese la descripción de la imagen aquí

Pero también puede obtener Helvetica Neue para web en Fonts.com para uso web por un precio justo. Probablemente usaría la familia de fuentes: "Helvetica Neue, Helvetica, Liberation Sans, Arial, sans-serif"; para que las PC con la fuente instalada puedan verla, y aquellos que no la tienen puedan ver un reemplazo.

Personalmente, me gusta mucho Open Sans, que está disponible en muchos pesos y está disponible en Google Fonts: google.com/fonts/specimen/Open+Sans
De acuerdo con la entrada de Wikipedia sobre las fuentes Liberation, "... los documentos que incrustan estas fuentes no caen automáticamente bajo la GPL de GNU, pero es probable que causen problemas con el software comercial". No soy abogado, pero parece que si usa fuentes Liberarion en un producto de software, puede estar obligado a aplicar una licencia GPL a ese producto, que puede no ser lo que desea. Una vez más, insisto en que no soy un experto en licencias, pero tuve que dejar de usar Liberation en un proyecto debido a preocupaciones sobre las licencias.
Sí, he usado Liberation Sans y TeXGyreHeros (mencionado en la respuesta de Capiedge). Tenga en cuenta que la fuente web de Google "Arimo" es idéntica a Liberation Sans: graphicdesign.stackexchange.com/a/9054/9127
Las fuentes @Questioner Liberation ahora usan la licencia de fuente abierta SIL, no la GPL, por lo que eso no debería ser un problema ahora.

Roboto es un buen sans neogrotesco que puede reemplazar a Helvetica. Encargado por Google y publicado de forma gratuita . Se utiliza como fuente predeterminada de Android.

Google rediseñó Roboto en julio de 2014. El ejemplo anterior ahora se ha actualizado.

Más sobre la similitud de Roboto (pre-rediseño) con Helvetica aquí . No exageraría su similitud, pero diría que es una buena alternativa gratuita. Desde el rediseño de 2014, algunos de sus aspectos más parecidos a Helvética se han eliminado.

También estoy de acuerdo con la recomendación de Yisela de Liberation Sans, que también es una buena fuente, aunque está disponible en menos pesos.

Roboto en fuentes web de Google aquí: google.com/fonts#UsePlace:use/Collection:Roboto
Nota: Google, en su infinita sabiduría, ha decidido rediseñar totalmente Roboto a partir de julio de 2014; entre otras cosas, ya no tiene la "R" tipo Helvética y otras letras como la "g" y la "e", la "k" y "K" tiene un diseño diferente. A partir de ahora, la versión de las fuentes web de Google sigue siendo la versión anterior, pero es poco probable que siga siendo así.
¿Es un Fudgedicle la versión sin marca registrada?

Tex-Gyre-Heros es para mí el mejor. ¡Disfrútala!

Tex-Gyre-Héroes

Fuentes Tex-Gyre en GUST e-foundry home

Instalar en Ubuntu:

sudo apt install tex-gyre
Esa fuente en realidad se deriva de una fuente URW++. Todavía se menciona en los derechos de autor.
@AndrewLeach, ¿qué significa eso en lo que respecta a los derechos de autor? No había oído hablar de esa abreviatura antes.
URW++ es una fundición de fuentes. Esta fuente es un trabajo derivado y probablemente no tenga licencia para su distribución gratuita. Las fuentes URW++ son muy caras.
Puede encontrar un resumen de la lincese en este enlace fontsquirrel.com/license/TeX-Gyre-Heros Al leerlo, no he visto ninguna restricción para decir que esta es una fuente libre. ¿No crees?
@AndrewLeach, es bueno estar atento a eso, ya que hay muchas 'fuentes gratuitas' cuestionables por ahí. Dicho esto, creo que FontSquirrel es una de las fuentes más legítimas de tipografías gratuitas. Además, URW++ ha lanzado o ayudado a lanzar tipos de letra para proyectos de código abierto. Un ejemplo es su versión de Garamond: en.wikipedia.org/wiki/Garamond#URW.2B.2B_Garamond_No._8
Específicamente, las familias TEX fueron liberadas por URW bajo la licencia GPL tex.stackexchange.com/questions/107877/…
También se lanzó una versión actualizada de esta fuente ("Nimbus Sans") de URW++ bajo OFL en 2017. Consulte github.com/twardoch/urw-core35-fonts
Hay comentarios más antiguos que sugieren que esta fuente puede ser una infracción de derechos de autor. Esto no es verdad. URW obtuvo la licencia de varias de sus fuentes para uso de código abierto para el proyecto Ghostscript. De aquí provienen las familias de fuentes Tex Gyre y la familia Nimbus Sans. Estas son versiones gratuitas y con licencia abierta de algunas fuentes comerciales populares.

La fuente con licencia de código abierto más cercana a Helvetica Neue que he encontrado es sorprendentemente GNU FreeSans. A continuación se muestra una muestra de Inkscape, con FreeSans en la parte superior y Helvetica Neue en la parte inferior. Los glifos son casi idénticos, algunos están un poco más cerca de la Helvetica original. El espaciado varía ligeramente (al menos en Inkscape). La mayor diferencia que puedo ver es que FreeSans tiene ligaduras entre ciertos caracteres, tenga en cuenta la combinación 'fl'. Es una fuente excelente y funciona bien con la familia de fuentes GNU de FreeSerif y FreeMono.arriba FreeSans, abajo Helvetica Neue, aplicación inkscape

Asegúrese de incluir capturas de pantalla en las recomendaciones de fuentes.
Para mí, la captura de pantalla superior es Lato y la inferior es, supongo, Tex Gyre Heros.

Para una Helvetica Neue Condensed , puedes echar un vistazo a la webfont Archivo Narrow:

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

Archivo Condensado Webfont Google

Para la versión de Helvetica Neue Black , esta versión de Archivo Black tampoco está mal:

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

Archivo Black Webfonts Google

Para la otra Helvetica Neue como la estándar, se han publicado otras respuestas y son bastante buenas.

Si solo desea apegarse a Google WebFonts, Droid Sans, Open Sans y Roboto no son perfectos pero podrían funcionar.

Todos le han estado dando nombres de fuentes que se parecen a Helvetica (algunas más que otras), pero dependiendo del tipo de proyecto en el que esté trabajando, es posible que no necesite ninguna de ellas.

A menos que necesite algo que se parezca casi exactamente a Helvetica, Arial podría ser una opción que debería considerar. Viene preinstalado en (¿casi?) Todas las versiones de Windows y también en los dispositivos Apple. Desafortunadamente, Arial Narrow no está incluido en iOS pero, dado que tanto Helvetica como Helvetica Neue vienen preinstalados en todos los dispositivos Apple, no tendrás que preocuparte demasiado por eso.

Su pila de fuentes podría ser algo así font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;y estaría cubriendo los dispositivos y sistemas operativos más comunes (excepto Android, que creo que no viene con ninguna de esas dos familias de fuentes).

Tenga en cuenta que esto está lejos de ser ideal en la mayoría de los casos, pero le permitiría evitar los costos de licencia y reducir el tiempo que tarda su sitio web en cargarse (ya que no descargará fuentes). Esto también le quitará algo de carga a su servidor, aunque servir fuentes no es un gran problema.

Aquí hay un enlace a un sitio con algunas de las fuentes que vienen preinstaladas con diferentes sistemas operativos: http://www.cssfontstack.com . Y aquí hay otro artículo de Wikipedia sobre el uso compartido de los diferentes sistemas operativos: https://en.wikipedia.org/wiki/Usage_share_of_operating_systems .

EDITAR: este sitio es excelente cuando desea verificar qué fuente se usaría en cada navegador y sistema operativo: http://fontfamily.io/

Hola hack_nug, bienvenido a GDSE y gracias por tu respuesta. Si tiene alguna pregunta, consulte el centro de ayuda o comuníquese con uno de nosotros en el chat de diseño gráfico una vez que su reputación sea suficiente (20). ¡Sigue contribuyendo y disfruta del sitio!

Puede que esto no se parezca mucho a Helvetica, pero encontré una fuente llamada Montserrat que puedes descargar de FontSquirrel .

ingrese la descripción de la imagen aquí

Si no se parece, ¿por qué lo publicarías como respuesta?
La persona que hace la pregunta puede encontrar esto útil.

Lo más cercano que he encontrado hasta ahora es "Raleway" en Google Fonts ( http://www.google.com/fonts ). Yo suelo usar el light 300, 200 o 100. No es exacto, pero lo más parecido que puedo encontrar en este momento.

Para mayúsculas, Oswald parece una buena opción disponible en Google Fonts http://www.google.com/fonts/specimen/Oswald

Asegúrese de incluir capturas de pantalla de la fuente cuando la recomiende. Proporciona una comparación para otros y una captura de pantalla de la fuente también mejorará su respuesta.

TeX Gyre Heros es la alternativa gratuita más cercana a Helvetica. Es básicamente un timbre muerto, en mi opinión. Un problema potencial: solo hay dos pesos.

Comparación de fuentes TeX Gyre Heros vs. Helvetica

Si desea una alternativa gratuita más completa a Helvetica, Inter es de primera categoría.

Comparación de fuentes Inter vs. Helvetica

Pero, como mencionaste, si es necesario un peso condensado, ¡Archivo (y Archivo Narrow ) es el camino a seguir!

Aquí hay algunas alternativas más gratuitas de Helvetica .

Encontré estas dos fuentes que se parecen al logotipo de Google, si alguien está interesado.

https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original-ot/

https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original/

¡Bienvenidos a Diseño Gráfico! Si bien esto responde a la pregunta, sería preferible editar su respuesta para incluir imágenes de las fuentes y proporcionar el enlace como referencia. También su segundo enlace está roto.
Fuente Sans Pro, Roboto, Arimo, IBM Plex Sans y algunos otros designinspiration.info/free-helvetica-alternatives