Combinar la fuente Avenir: 5 parejas y alternativas gratis | We.Inc
Cinco combinaciones con la fuente Avenir con vista previa en vivo, tres sustitutas gratuitas de Google Fonts y el font stack CSS que usa Avenir solo donde está licenciada o instalada.
Avenir es una sans serif geométrica y limpia de Adrian Frutiger, comercializada por Linotype. Combina bien con una serif robusta para textos largos, como Lora o Merriweather, o con una serif de display de alto contraste como Playfair Display para los títulos. Como Avenir requiere una licencia de pago en la web, una sustituta gratuita como Nunito Sans resulta útil.
Guía rápida de combinaciones
Objetivo
Títulos
Texto
Tienda cálida y legible
Avenir
Lora
Revista o blog
Playfair Display
Avenir
Artículos largos
Avenir
Merriweather
Marca minimalista
Avenir Bold
Avenir Regular
Tono literario y sereno
Avenir
Source Serif 4
Avenir rara vez necesita otra sans serif a su lado; ya cumple por sí sola el papel sobrio y moderno. Las combinaciones que funcionan le aportan un contraste de forma, normalmente una serif, y dejan que los tamaños y los pesos hagan el resto. Prueba cada receta de abajo con una sustituta gratuita y luego copia el CSS.
Decide qué fuente lleva la lectura: el texto es donde la mayoría de los visitantes pasa su tiempo.
Dale los títulos a la otra fuente y no uses más de dos familias.
Escribe un font stack que nombre primero Avenir y después una sustituta gratuita, para que todos los visitantes vean un aspecto parecido.
Carga solo los pesos que uses, por ejemplo 400 y 700, para que la página siga siendo ligera.
Las licencias de Avenir se venden por uso (escritorio, fuentes web, apps), así que comprueba que la tuya cubre servir el archivo de la fuente desde un sitio web.
Pon el texto en Avenir un poco más grande de lo que pondrías una serif, alrededor de 17px o 18px, como punto de partida para juzgar a ojo.
Evita combinar Avenir con Futura u otra sans geométrica. Se parecen demasiado para parecer intencionado y son demasiado distintas para parecer la misma.
Si usas solo la sustituta, quita los nombres de Avenir del stack para que el diseño no cambie de un dispositivo a otro.
Prueba tus títulos con las dos fuentes del stack; sus anchos son distintos, así que una línea que cabe en una puede partirse en la otra.
Preguntas frecuentes
¿Quién diseñó Avenir?
La diseñó Adrian Frutiger. Linotype publica la familia, y la biblioteca tipográfica de Linotype pertenece a Monotype, que es titular de la marca Avenir.
¿Avenir es gratis para usar en un sitio web?
No. Avenir es una fuente comercial. Sus vendedores ofrecen licencias distintas para escritorio, fuentes web, apps y otros usos, así que compra la licencia de fuente web si quieres servirla desde tu sitio.
¿Cuál es la alternativa gratuita más parecida a Avenir?
No existe una copia gratuita exacta. Nunito Sans, Mulish y Figtree, en Google Fonts, comparten su aire geométrico limpio y redondeado y se publican bajo la SIL Open Font License. Cuál es la más parecida es cuestión de ojo; compáralas en la vista previa.
¿Qué serif combina con Avenir?
Las serifs de texto robustas y de formas abiertas, como Lora, Merriweather y Source Serif 4, quedan bien a su lado. Para titulares grandes, una serif de alto contraste como Playfair Display aporta más dramatismo.
¿Dónde se usa Avenir?
La propia página de Linotype la menciona en la señalización de los aeropuertos internacionales de Dallas Fort Worth y Hong Kong, y dice que Ámsterdam la adoptó como tipografía corporativa en 2003.
Por qué Avenir es fácil de combinar
Frutiger se propuso reinterpretar las sans serif geométricas de principios del siglo 20 con un toque más humano, según la descripción de la familia en fonts.com. El resultado tiene letras redondas, pero uniones más suaves que una tipografía geométrica estricta.
Esa textura tranquila y uniforme es la razón por la que rara vez choca con su pareja. La pareja solo necesita la diferencia justa para mostrar una elección deliberada: serifs, más contraste de trazo o un peso más grueso.
Avenir, Avenir Next y el font stack
Avenir Next es la familia ampliada que Akira Kobayashi desarrolló con Frutiger, que va de UltraLight a Heavy e incluye anchos condensados. Un font stack puede nombrar ambas, y el navegador usa la primera disponible.
Un stack solo usa fuentes que están instaladas o que tú sirves. Si no tienes licencia de Avenir como fuente web, la mayoría de los visitantes verá tu sustituta, así que elígela con cuidado.
Sustitutas gratuitas de Avenir
Las tres están en Google Fonts bajo la SIL Open Font License. Las notas de comparación son nuestra propia valoración tras ponerlas una al lado de la otra.
Familias de Google Fonts que pueden sustituir a Avenir
Fuente
Diseñadores (según Google Fonts)
Cómo se compara
Nunito Sans
Vernon Adams, Jacques Le Bailly, Manvel Shmavonyan, Alexei Vanyashin
La sensación general más parecida; terminaciones algo más suaves
Mulish
Vernon Adams, Cyreal, Jacques Le Bailly
Más ligera y minimalista; buena para texto pequeño
Figtree
Erik Kennedy
Un poco más amable y ancha; fuerte en títulos en negrita
CSS que puedes copiar
Títulos en Avenir con texto en Lora
Se usa Avenir donde el dispositivo la tiene; los demás ven Nunito Sans, cargada gratis desde Google Fonts.
Previsualiza una combinación
Elige una receta y una sustituta gratuita. Si tu dispositivo tiene Avenir instalada, ves Avenir; si no, ves la sustituta, tal como la verían muchos de tus visitantes.
Receta
Sustituta gratuita de Avenir
Tamaño del texto
Títulos en Avenir, texto en Lora
Títulos en Playfair Display, texto en Avenir
Títulos en Avenir, texto en Merriweather
Avenir para todo, dos pesos
Títulos en Avenir, texto en Source Serif 4
Mesas artesanales, hechas para durar
Cada pieza se corta en roble local y se acaba a mano en nuestro taller. La mayoría de los pedidos se envían en tres semanas, y entregamos gratis en un radio de 40 km.
Ver la colección
CSS de esta combinación
Copiar CSS
Copiado.
No se pudo copiar. Selecciona el código y cópialo a mano.
La vista previa carga las fuentes gratuitas desde Google Fonts en tu navegador. Avenir nunca se descarga aquí.