¿Existe una alternativa gratuita 'Helvetica Neue'?


93

¿Alguien sabe alguna otra fuente similar a Helvetica Neue (gratis para uso comercial)?

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

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



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

Aquí hay algunas buenas alternativas dsgn.link/helvetica-alternatives-on-google-fonts
Mark Jackson

Respuestas:


73

Todavía creo 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 de Fonts.com para uso web por un precio justo. Probablemente usaría font-family: "Helvetica Neue, Helvetica, Liberation Sans, Arial, sans-serif"; para que las PC con la fuente instalada puedan verlo, y aquellos que no lo tengan pueden ver un reemplazo.


8
Personalmente, me gusta mucho Open Sans, que está disponible en muchos pesos y está disponible en Google Fonts: google.com/fonts/specimen/Open+Sans
Tim S.

3
De acuerdo con la entrada de Wikipedia sobre las fuentes Liberation, "... los documentos que incorporan estas fuentes no entran automáticamente en la GNU GPL, 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. Nuevamente, enfatizo que no soy un experto en licencias, pero tuve que dejar de usar Liberation en un proyecto debido a las preocupaciones sobre las licencias.
Interrogador

2
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
Gavin R. Putland

3
Las fuentes @Questioner Liberation ahora usan la licencia de fuente abierta SIL, no la GPL, por lo que ahora no debería ser un problema.
Scribblemacher

50

Roboto es un buen sans neo-grotesco que puede reemplazar a Helvetica. Comisionado por Google y lanzado de forma gratuita . Se utiliza como fuente predeterminada de Android.

Google rediseñó Roboto en julio de 2014. La muestra anterior ahora se ha actualizado.

Más información 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 similares a Helvetica 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.


3
Roboto en Google webfonts aquí: google.com/fonts#UsePlace:use/Collection:Roboto
Simon East

1
Nota: Google, en su sabiduría infinita, ha decidido rediseñar totalmente Roboto a partir de julio de 2014, entre otras cosas, ya no tiene la "R" similar a Helvetica y otras letras como "g" y "e", "k" y "K" tiene un diseño diferente. A partir de ahora, la versión en las fuentes web de Google sigue siendo la versión anterior, pero es poco probable que siga siendo así.
thomasrutter

¿Es un Fudgedicle la versión sin marca registrada?
Eric Mickelsen

26

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

Tex-Gyre-Heros

Fuentes Tex-Gyre en GUST e-fundry home

Instalar en Ubuntu:

sudo apt install tex-gyre

2
Esa fuente en realidad se deriva de una fuente URW ++. Todavía se menciona en los derechos de autor.
Andrew Leach

55
URW ++ es una fundición de fuentes. Esta fuente es un trabajo derivado, y probablemente sin licencia para su distribución gratuita. Las fuentes URW ++ son muy caras.
Andrew Leach

44
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 gratuita. ¿No te parece?
Capiedge

2
@AndrewLeach es bueno estar atento a eso, ya que hay muchas 'fuentes gratuitas' cuestionables. Dicho esto, FontSquirrel, creo, es una de las fuentes más legítimas para los tipos de letra gratuitos. Además, URW ++ ha lanzado o ayudado a liberar 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
DA01

3
Específicamente, las familias TEX fueron lanzadas por URW bajo la GPL tex.stackexchange.com/questions/107877/…
espiral

13

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 Helvética original. El espacio 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


9

Para una Helvetica Neue Condensed , puede echar un vistazo a la fuente web Archivo Narrow:

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

Archivo Condensed Webfont Google

Para la versión 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 el otro Helvetica Neue como el estándar, se han publicado otras respuestas y son bastante buenas.

Si solo quieres quedarte con los WebFonts de Google, Droid Sans, Open Sans y Roboto no son perfectos pero podrían funcionar.



3

Todo el mundo te ha 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és trabajando, es posible que no necesites 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 (¿casi?) En todas las versiones de Windows y también en dispositivos Apple. Desafortunadamente, Arial Narrow no está incluido en iOS pero, dado que tanto Helvetica como Helvetica Neue vienen preinstaladas en todos los dispositivos Apple, no debería preocuparse 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 (a excepción de 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 en cargar su sitio web (ya que no descargará fuentes). Esto también le quitará algo de carga a su servidor, aunque servir fuentes no sea tan importante.

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/


1
Hola hack_nug, bienvenido a GDSE y gracias por tu respuesta. Si tiene alguna pregunta, consulte el centro de ayuda o haga ping a 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!
Vincent

2

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

ingrese la descripción de la imagen aquí


2
Si no se parece, ¿por qué lo publicaría como respuesta?
Zach Saucier

La persona que hace la pregunta puede encontrar esto útil.
user64338

1

Lo más cercano que he encontrado hasta ahora es "Raleway" en Google Fonts ( http://www.google.com/fonts ). Usualmente uso la luz 300, 200 o 100. No es exacta, pero lo más cerca que puedo encontrar en este momento.



-1

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/


2
Bienvenido al diseño gráfico! Mientras que esto responde a la pregunta, sería preferible a editar su respuesta para incluir las imágenes de las fuentes, y proporcionar el enlace de referencia. También su segundo enlace está roto.
Luciano