Avenir combineren: 5 combinaties en gratis lookalikes | We.Inc
Vijf lettertypecombinaties met Avenir en een live voorbeeld, drie gratis vervangers uit Google Fonts, en de CSS-fontstack die Avenir alleen gebruikt waar het in licentie is of is geïnstalleerd.
Avenir is een strakke geometrische schreefloze letter van Adrian Frutiger, verkocht door Linotype. Hij combineert goed met een stevige schreefletter voor lange tekst, zoals Lora of Merriweather, of met een display-schreefletter met veel contrast zoals Playfair Display voor koppen. Omdat Avenir op het web een betaalde licentie nodig heeft, helpt een gratis vervanger zoals Nunito Sans.
Snelle gids voor combinaties
Doel
Koppen
Broodtekst
Warme, leesbare webshop
Avenir
Lora
Magazine of blog
Playfair Display
Avenir
Lange artikelen
Avenir
Merriweather
Minimalistisch merk
Avenir Bold
Avenir Regular
Boekachtig, rustig
Avenir
Source Serif 4
Avenir heeft zelden een tweede schreefloze letter naast zich nodig; hij doet het eenvoudige, moderne werk al. De combinaties die werken geven hem een contrast in vorm, meestal een schreefletter, en laten groottes en gewichten de rest doen. Probeer elk recept hieronder met een gratis vervanger en kopieer daarna de CSS.
Bepaal welk lettertype het leeswerk draagt: in de broodtekst brengen de meeste bezoekers hun tijd door.
Geef het andere lettertype de koppen, en houd het bij maximaal twee families.
Schrijf een fontstack die Avenir als eerste noemt en daarna een gratis vervanger, zodat elke bezoeker een vergelijkbaar beeld krijgt.
Laad alleen de gewichten die u gebruikt, bijvoorbeeld 400 en 700, om de pagina licht te houden.
Avenir-licenties worden per gebruik verkocht (desktop, webfonts, apps), dus controleer dat de uwe het serveren van het fontbestand vanaf een website dekt.
Zet broodtekst in Avenir iets groter dan een schreefletter, rond 17px of 18px, als startpunt om op het oog te beoordelen.
Combineer Avenir niet met Futura of een andere geometrische schreefloze letter. Ze lijken te veel op elkaar om bewust te ogen en verschillen te veel om hetzelfde te lijken.
Gebruikt u alleen de vervanger, haal de Avenir-namen dan uit de stack, zodat het ontwerp niet per apparaat verandert.
Test uw koppen in beide lettertypen uit de stack; hun breedtes verschillen, dus een regel die in de ene past, kan in de andere afbreken.
Veelgestelde vragen
Wie heeft Avenir ontworpen?
Adrian Frutiger heeft het ontworpen. Linotype brengt de familie uit, en de Linotype-fontbibliotheek is eigendom van Monotype, dat het merk Avenir bezit.
Is Avenir gratis te gebruiken op een website?
Nee. Avenir is een commercieel lettertype. De verkopers bieden aparte licenties voor desktop, webfonts, apps en ander gebruik, dus koop de webfontlicentie als u het vanaf uw site wilt serveren.
Wat is het gratis alternatief dat het dichtst bij Avenir komt?
Er bestaat geen exacte gratis kopie. Nunito Sans, Mulish en Figtree op Google Fonts delen het strakke, ronde geometrische karakter en zijn uitgebracht onder de SIL Open Font License. Welke het dichtst in de buurt komt, is een kwestie van smaak; vergelijk ze in het voorbeeld.
Welke schreefletter past bij Avenir?
Stevige tekstletters met schreef en open vormen, zoals Lora, Merriweather en Source Serif 4, staan er goed naast. Voor grote koppen geeft een schreefletter met veel contrast zoals Playfair Display meer drama.
Waar wordt Avenir gebruikt?
De eigen pagina van Linotype noemt de bewegwijzering op de internationale luchthavens Dallas Fort Worth en Hongkong, en zegt dat Amsterdam het in 2003 als huisletter heeft gekozen.
Waarom Avenir makkelijk te combineren is
Volgens de familiebeschrijving op fonts.com wilde Frutiger de geometrische schreefloze letters uit het begin van de 20e eeuw opnieuw interpreteren met een menselijker karakter. Het resultaat heeft ronde letters maar zachtere verbindingen dan een strikt geometrisch lettertype.
Door die rustige, gelijkmatige textuur botst hij zelden met een partner. De partner hoeft alleen genoeg te verschillen om een bewuste keuze te tonen: schreven, meer contrast in de lijnen of een zwaarder gewicht.
Avenir, Avenir Next en de fontstack
Avenir Next is de uitgebreide familie die Akira Kobayashi samen met Frutiger ontwikkelde, van UltraLight tot Heavy, met smallere breedtes. Een fontstack kan beide noemen, en de browser gebruikt de eerste die beschikbaar is.
Een stack gebruikt alleen lettertypen die geïnstalleerd zijn of die u zelf serveert. Hebt u Avenir niet als webfont in licentie, dan zien de meeste bezoekers uw vervanger, dus kies die zorgvuldig.
Gratis vervangers voor Avenir
Alle drie staan op Google Fonts onder de SIL Open Font License. De vergelijkingen zijn ons eigen oordeel na ze naast elkaar te hebben gezet.
Families uit Google Fonts die Avenir kunnen vervangen
Lettertype
Ontwerpers (volgens Google Fonts)
Hoe het zich verhoudt
Nunito Sans
Vernon Adams, Jacques Le Bailly, Manvel Shmavonyan, Alexei Vanyashin
Komt over het geheel het dichtst in de buurt; iets zachtere uiteinden
Mulish
Vernon Adams, Cyreal, Jacques Le Bailly
Lichter en minimalistischer; goed voor kleine tekst
Figtree
Erik Kennedy
Iets vriendelijker en breder; sterk in vette koppen
CSS om te kopiëren
Koppen in Avenir met broodtekst in Lora
Avenir wordt gebruikt waar het apparaat het heeft; alle anderen krijgen Nunito Sans, gratis geladen vanaf Google Fonts.
Bekijk een combinatie
Kies een recept en een gratis vervanger. Staat Avenir op uw apparaat, dan ziet u Avenir; anders ziet u de vervanger, precies zoals veel van uw bezoekers dat zouden zien.
Recept
Gratis vervanger voor Avenir
Grootte broodtekst
Koppen in Avenir, broodtekst in Lora
Koppen in Playfair Display, broodtekst in Avenir
Koppen in Avenir, broodtekst in Merriweather
Overal Avenir, twee gewichten
Koppen in Avenir, broodtekst in Source Serif 4
Handgemaakte tafels, gebouwd voor jaren
Elk stuk wordt uit lokaal eikenhout gezaagd en met de hand afgewerkt in onze werkplaats. De meeste bestellingen worden binnen drie weken verzonden, en binnen 40 km bezorgen we gratis.
Bekijk de collectie
CSS voor deze combinatie
CSS kopiëren
Gekopieerd.
Kopiëren mislukt. Selecteer de code en kopieer hem handmatig.
Het voorbeeld laadt de gratis lettertypen van Google Fonts in uw browser. Avenir zelf wordt hier nooit gedownload.