¿Cuáles son las alternativas de Google Webfonts o Typekit a Avenir Next Pro?

Estoy buscando fuentes, disponibles en Google Webfonts (idealmente) o Typekit, que se verían similares a Avenir Next Pro , específicamente, Bold y Demi :

Letras mayúsculas ABCDE, seguidas de minúsculas a. negro sobre blanco

Letras mayúsculas ABCDE, seguidas de minúsculas abcde y número 1. Negro sobre blanco

¿Alguna fuente de aspecto similar, con una buena representación entre navegadores?

Aquí algunas buenas fuentes similares. Es una lista de fuentes similares. fontsup.com/similar/avenir-next-lt-pro.html

Respuestas (19)

Nunito es realmente muy diferente a Avenir: las letras son bastante redondeadas.

Hice un trabajo serio en esto para un cliente y descubrí que la fuente Lato de Google es prácticamente indistinguible de Avenir: literalmente, puede poner dos palabras en las dos fuentes una al lado de la otra y no notar la diferencia.

No estoy de acuerdo aquí. La Q y la g son bastante diferentes, y basta con que fuésemos reacios a utilizar Lato como alternativa. Puedes ver una comparativa aquí

Si realmente desea usar una fuente de Google, le sugiero que use NUNITO. Tiene 3 estilos: Libro, Normal y Negrita. Aquí hay una comparación de muestra entre el Libro 300 y Avenir: https://web.archive.org/web/20140415053621/http://joelcrawfordsmith.com/new/font/avenir La longitud de la oración es una combinación perfecta y la altura x es estupendo. Su único defecto es que los ascendentes y descendentes son un poquito más cortos.

Hmm... en minúsculas realmente no se ve tan similar, demasiado redondeado. Seguiré buscando.
Para copias de tamaño pequeño, seguro, pero definitivamente no para títulos.
Sí, demasiado redondeado. Casi cómico (-sans) ical.
Y, de hecho, Nunito Sans es el equivalente no redondeado, por lo que es mucho mejor: puede encontrarlo en Google Fonts o en Google Fonts Web Helper .

Creo que Museo Sans es lo suficientemente bueno:

ingrese la descripción de la imagen aquí

En las fuentes de Google, también se puede usar Montserrat para algunas palabras :)

ingrese la descripción de la imagen aquí

Creo que Museo es hermoso, pero cuando lo probé, la representación del navegador no era perfecta, especialmente en Windows más antiguo. Si ese es el público principal, ¡lo probaría a fondo!

Terminé usando Muli de Google Fonts , creo que está bastante cerca:

ingrese la descripción de la imagen aquí

¿Qué pasa con PT Sans?
Probé los otros y este definitivamente parece ser el más similar.
La Q es bastante diferente, pero el gráfico no refleja la Q real en Muli.
La fuente "Muli" ya no está disponible a través de Google Fonts.

Descubrí que Prompt está muy cerca de Avenir Next Pro dentro de las fuentes de Google.

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

Puedes consultar la comparativa aquí

ingrese la descripción de la imagen aquí

Estoy de acuerdo, ¡está muy cerca!
La mayor diferencia parece ser la letra minúscula "a". Prompt también parece más pesado que muchas otras fuentes para el mismo peso nominal.

Lato también es una fuente de Google comparable:

ingrese la descripción de la imagen aquí

Para su información, para las caras más ligeras de AvenirNext, no pase por alto Ideal Sans. Son virtualmente idénticos. No he comparado los pesos más pesados, pero para el más ligero, este es mi opción. Sí, la g minúscula es diferente, pero por lo demás, está bastante bien. Me doy cuenta de que estoy publicando necro, pero para cualquier otra persona que aparezca:

Comparando AvenirNext Light con IdealSans

¡Bienvenido a GD.SE! La publicación de Necro está bien, siempre que la respuesta sea útil y responda a la pregunta. Si desea obtener más información sobre el sitio, consulte el centro de ayuda .

Avenir está disponible para la web en fonts.com

no lo sabia, gracias! Sin embargo, no está servido, tengo que organizarlo yo mismo, ¿verdad?
@julien_c Sin embargo, pueden ofrecer un plan para alojarlo ellos mismos. Simplemente usaría CSS o Javascript que le dan para cargarlos en su página (como Typekit o Webtype).
Solo por decirlo, Google Web Fonts no es muy diferente a incrustarlo usted mismo en su propio servidor. Todo lo que están haciendo es apuntar a una hoja de estilo CSS que hace prácticamente los mismos tipos de declaraciones que haría en su propia hoja de estilo para incrustarlos. Echa un vistazo a este enlace y verás que todo lo que están haciendo es hacer referencia a la fuente de sus servidores en lugar de local. fonts.googleapis.com/css?family=Tauri
@ChrisBurton En cuanto a la licencia, no estoy seguro de poder comprar la fuente y servirla yo mismo como fuente web. ¿O soy yo?
@julien_c ¿Te refieres a pagar un precio fijo fijo y ser capaz de hospedarlo tú mismo?
@ChrisBurton ¿Sí?
No, tendría que pagar un precio de suscripción (anual o mensual) para usar Avenir de Fonts.com.
@julien_c tienes que tener una suscripción a webfonts. normalmente le proporcionarán un javascript o css al que apuntar, pero puede optar por hospedarse usted mismo en los planes Pro. más información sobre precios aquí: fonts.com/web-fonts/plans-and-pricing
@jamEs la ventaja de usar los CDN ofrecidos por sitios como ese es que hay un cambio que el usuario ha encontrado en otro lugar anteriormente y el contenido ya está almacenado en caché, lo que mejora la carga de la página.

Creo que Sofia Pro Light de Font Squirrel es una pareja cercana.

ingrese la descripción de la imagen aquí

fuente de aspecto agradable, pero según la licencia, "el licenciatario no puede vincular la fuente a sitios web utilizando el selector @font-face en CSS. Es posible que haya una licencia extendida disponible por una tarifa adicional".
Al menos las minúsculas "a" y "e" se ven bastante diferentes de Avenir.

No no, Nunito o Lato son muy diferentes a mis ojos. Trabajé mucho en torno a esto y encontré que las siguientes fuentes son bastante similares si se tratan con atención (tamaño de fuente, peso, espacio entre letras):

(de TypeKit)

¿Le importaría agregar algunas imágenes para ayudarnos a comprender por qué son una buena opción sin tener que salir de GD.SE? Además, la podredumbre del enlace es un problema, si esos enlaces mueren, su respuesta pierde relevancia

La pregunta ya tiene tres años, pero realmente creo que debería mencionar League Spartan de League of Movable Type . No es de Google Fonts, pero es gratis y de código abierto:

La Liga ha proporcionado solo las fuentes listas para @font-face mejor hechas, gratuitas y de código abierto.

Está disponible en 8 estilos diferentes.ingrese la descripción de la imagen aquí

En realidad, League Spartan está disponible en ocho pesos ahora, además de una fuente variable.
@BertD ¡Esas son buenas noticias!

No estoy seguro si este es el mejor lugar, pero no te equivocarás mucho con ninguno de estos

OpenSans :

ingrese la descripción de la imagen aquí

FuenteSans :

ingrese la descripción de la imagen aquí

Excepto por la "Q" mayúscula y la altura inferior de los ascendentes, Proxima Nova en Typekit está bastante cerca.

La minúscula "a" también es ligeramente diferente, pero estoy de acuerdo en que esta es una excelente alternativa.

Nunito es una excelente alternativa a Avenir. Los ascendentes son un poco más altos en Avenir, pero incluso el diseñador más quisquilloso tendría dificultades para diferenciarlos. Se puede encontrar en http://www.google.com/webfonts/specimen/Nunito tiene 3 estilos creados por Vernon Adams

Avenir

ingrese la descripción de la imagen aquí

Nunito (Libro 300)

ingrese la descripción de la imagen aquí

Fuente: http://joelcrawfordsmith.com/new/font/avenir

Nunito es una cara redonda. En cualquier tamaño superior a los que se muestran aquí, la cara se vería muy diferente.
Se vería más o menos igual para las personas ciegas, aparte de eso, nah.
"Nunito Sans" es la versión con los terminales no redondeados: fonts.google.com/specimen/…

He estado buscando un buen reemplazo para esto. Open Sans, Source Sans Pro y todas las demás fuentes sans-serif populares en Google Fonts no se parecen en nada a Avenir Next. Avenir Next es una fuente delgada. Utilicé este filtrado en las fuentes de Google para encontrar fuentes sans-serif delgadas similares. Encontré dos: Heebo y Yantramanav. Usar estos con el estilo Thin o Light me acerca bastante a Avenir Next.

Incluya capturas de pantalla de las dos fuentes recomendadas que ha mencionado.
Grandes elecciones. Supera todas las otras sugerencias de Google Fonts.

Me encontré con Open Sans y parece que la J mayúscula es la única letra que obviamente es diferente.

Personalmente, creo que Gibson en Typekit se parece más a cualquiera de las otras sugerencias aquí.

ingrese la descripción de la imagen aquí

Recomendaría Futura como alternativa a Avenir o Avenir Next

En la fuente de Google, pruebe POPPINS es la mejor respuesta

Hola Kekeman Kayasawa, bienvenido a GD.SE. ¿Podría incluir una captura de pantalla y un enlace a la tipografía? De esa manera, los espectadores pueden juzgar si su opción es buena sin tener que buscar ellos mismos en el sitio de fuentes de Google. Gracias. Si tiene alguna pregunta sobre este sitio, eche un vistazo al centro de ayuda . ¡Sigue contribuyendo y disfruta del sitio!
¿Cuáles son las alternativas de Google Webfonts o Typekit a Avenir Next Pro?
RespuestasAquíPolítica de privacidad1y, 0v