Avenir kombinieren: 5 Paare und kostenlose Alternativen | We.Inc
Fünf Schriftkombinationen mit Avenir und Live-Vorschau, drei kostenlose Alternativen aus Google Fonts und der CSS-Font-Stack, der Avenir nur dort nutzt, wo sie lizenziert oder installiert ist.
Avenir ist eine klare geometrische Sans Serif von Adrian Frutiger, vertrieben von Linotype. Sie passt gut zu einer kräftigen Serifenschrift für lange Texte, etwa Lora oder Merriweather, oder zu einer kontrastreichen Display-Serif wie Playfair Display für Überschriften. Da Avenir im Web eine kostenpflichtige Lizenz braucht, hilft eine kostenlose Alternative wie Nunito Sans.
Kurzer Kombinationsleitfaden
Ziel
Überschriften
Fließtext
Warmer, gut lesbarer Shop
Avenir
Lora
Magazin oder Blog
Playfair Display
Avenir
Lange Artikel
Avenir
Merriweather
Minimalistische Marke
Avenir Bold
Avenir Regular
Literarisch, ruhig
Avenir
Source Serif 4
Avenir braucht selten eine zweite Sans Serif an ihrer Seite; sie erledigt die schlichte, moderne Aufgabe bereits selbst. Gute Kombinationen geben ihr einen Kontrast in der Form, meist eine Serifenschrift, und überlassen den Rest Größen und Schriftstärken. Probier jedes Rezept unten mit einer kostenlosen Alternative aus und kopiere dann das CSS.
Entscheide, welche Schrift das Lesen trägt: Im Fließtext verbringen die meisten Besucher ihre Zeit.
Gib der anderen Schrift die Überschriften und beschränke dich auf höchstens zwei Schriftfamilien.
Schreib einen Font-Stack, der Avenir zuerst nennt und danach eine kostenlose Alternative, damit jeder Besucher ein ähnliches Schriftbild sieht.
Lade nur die Schriftstärken, die du nutzt, zum Beispiel 400 und 700, damit die Seite schlank bleibt.
Avenir-Lizenzen werden pro Nutzung verkauft (Desktop, Webfonts, Apps), prüfe also, ob deine das Ausliefern der Schriftdatei von einer Website abdeckt.
Setz Fließtext in Avenir etwas größer als eine Serifenschrift, etwa 17px oder 18px als Ausgangspunkt, und beurteile das Ergebnis mit dem Auge.
Kombiniere Avenir nicht mit Futura oder einer anderen geometrischen Sans. Sie sind sich zu ähnlich, um gewollt zu wirken, und zu verschieden, um gleich auszusehen.
Wenn du nur die Alternative nutzt, entferne die Avenir-Namen aus dem Stack, damit sich das Design nicht von Gerät zu Gerät ändert.
Teste deine Überschriften in beiden Schriften des Stacks; ihre Breiten unterscheiden sich, sodass eine Zeile, die in der einen passt, in der anderen umbrechen kann.
Häufige Fragen
Wer hat Avenir entworfen?
Adrian Frutiger hat sie entworfen. Linotype veröffentlicht die Familie, und die Linotype-Schriftbibliothek gehört Monotype, das die Marke Avenir hält.
Darf ich Avenir kostenlos auf einer Website verwenden?
Nein. Avenir ist eine kommerzielle Schrift. Ihre Anbieter verkaufen getrennte Lizenzen für Desktop, Webfonts, Apps und andere Nutzungen, kauf also die Webfont-Lizenz, wenn du sie von deiner Website ausliefern willst.
Was ist die ähnlichste kostenlose Alternative zu Avenir?
Eine exakte kostenlose Kopie gibt es nicht. Nunito Sans, Mulish und Figtree bei Google Fonts teilen ihren klaren, runden geometrischen Charakter und stehen unter der SIL Open Font License. Welche am ähnlichsten ist, ist Ansichtssache; vergleiche sie in der Vorschau.
Welche Serifenschrift passt zu Avenir?
Kräftige Text-Serifen mit offenen Formen, etwa Lora, Merriweather und Source Serif 4, stehen gut neben ihr. Für große Schlagzeilen sorgt eine kontrastreiche Serif wie Playfair Display für mehr Wirkung.
Wo wird Avenir verwendet?
Die eigene Seite von Linotype nennt die Beschilderung an den internationalen Flughäfen Dallas Fort Worth und Hongkong und sagt, dass Amsterdam sie 2003 als Hausschrift eingeführt hat.
Warum sich Avenir leicht kombinieren lässt
Laut der Familienbeschreibung auf fonts.com wollte Frutiger die geometrischen Sans Serifs des frühen 20. Jahrhunderts mit einer menschlicheren Note neu interpretieren. Das Ergebnis hat runde Buchstaben, aber weichere Übergänge als eine streng geometrische Schrift.
Diese ruhige, gleichmäßige Textur ist der Grund, warum sie selten mit einer Partnerschrift konkurriert. Die Partnerin braucht nur genug Unterschied, um eine bewusste Wahl zu zeigen: Serifen, mehr Strichkontrast oder eine kräftigere Schriftstärke.
Avenir, Avenir Next und der Font-Stack
Avenir Next ist die erweiterte Familie, die Akira Kobayashi mit Frutiger entwickelt hat, von UltraLight bis Heavy, mit schmalen Varianten. Ein Font-Stack kann beide nennen, und der Browser verwendet die erste verfügbare.
Ein Stack nutzt nur Schriften, die installiert sind oder die du auslieferst. Wenn du Avenir nicht als Webfont lizenziert hast, sehen die meisten Besucher deine Alternative, wähle sie also mit Sorgfalt.
Kostenlose Alternativen zu Avenir
Alle drei gibt es bei Google Fonts unter der SIL Open Font License. Die Vergleichsnotizen sind unser eigenes Urteil aus dem direkten Nebeneinander.
Schriftfamilien aus Google Fonts, die Avenir ersetzen können
Schrift
Gestalter (laut Google Fonts)
Im Vergleich
Nunito Sans
Vernon Adams, Jacques Le Bailly, Manvel Shmavonyan, Alexei Vanyashin
Insgesamt am ähnlichsten; etwas weichere Strichenden
Mulish
Vernon Adams, Cyreal, Jacques Le Bailly
Leichter und minimalistischer; gut für kleine Texte
Figtree
Erik Kennedy
Etwas freundlicher und breiter; stark in fetten Überschriften
CSS zum Kopieren
Überschriften in Avenir mit Fließtext in Lora
Avenir wird genutzt, wo das Gerät sie hat; alle anderen bekommen Nunito Sans, kostenlos von Google Fonts geladen.
Kombination in der Vorschau ansehen
Wähle ein Rezept und eine kostenlose Alternative. Wenn auf deinem Gerät Avenir installiert ist, siehst du Avenir; sonst siehst du die Alternative, genau wie viele deiner Besucher.
Rezept
Kostenlose Alternative zu Avenir
Fließtextgröße
Überschriften in Avenir, Fließtext in Lora
Überschriften in Playfair Display, Fließtext in Avenir
Überschriften in Avenir, Fließtext in Merriweather
Avenir für alles, zwei Schriftstärken
Überschriften in Avenir, Fließtext in Source Serif 4
Handgefertigte Tische, gebaut für Generationen
Jedes Stück wird aus heimischer Eiche gefertigt und in unserer Werkstatt von Hand veredelt. Die meisten Bestellungen werden innerhalb von drei Wochen verschickt, und im Umkreis von 40 km liefern wir kostenlos.
Zur Kollektion
CSS für diese Kombination
CSS kopieren
Kopiert.
Kopieren fehlgeschlagen. Markiere den Code und kopiere ihn von Hand.
Die Vorschau lädt die kostenlosen Schriften in deinem Browser von Google Fonts. Avenir selbst wird hier nie heruntergeladen.