Avenir: z jakim fontem go łączyć

Łączenie fontu Avenir

Łączenie fontu Avenir: 5 par i darmowe zamienniki | We.Inc

Pięć połączeń fontu Avenir z podglądem na żywo, trzy darmowe zamienniki z Google Fonts i stos fontów CSS, który używa Avenir tylko tam, gdzie ma licencję lub jest zainstalowany.

Avenir to czysty, geometryczny font bezszeryfowy autorstwa Adriana Frutigera, sprzedawany przez Linotype. Dobrze łączy się z solidnym fontem szeryfowym do dłuższego tekstu, takim jak Lora lub Merriweather, albo z kontrastowym szeryfowym fontem dekoracyjnym, takim jak Playfair Display, w nagłówkach. Ponieważ Avenir w sieci wymaga płatnej licencji, przydaje się darmowy zamiennik, na przykład Nunito Sans.

Szybki przewodnik po połączeniach

Cel
Nagłówki
Tekst główny

Ciepły, czytelny sklep
Avenir
Lora

Magazyn lub blog
Playfair Display
Avenir

Długie artykuły
Avenir
Merriweather

Minimalistyczna marka
Avenir Bold
Avenir Regular

Książkowy, spokojny
Avenir
Source Serif 4

Avenir rzadko potrzebuje obok siebie drugiego fontu bezszeryfowego; sam dobrze spełnia prostą, nowoczesną rolę. Połączenia, które działają, dają mu kontrast kształtu, zwykle font szeryfowy, a resztę załatwiają rozmiary i grubości. Wypróbuj każdy przepis poniżej z darmowym zamiennikiem, a potem skopiuj CSS.

Zdecyduj, który font niesie lekturę: w tekście głównym odwiedzający spędzają najwięcej czasu.
Drugiemu fontowi daj nagłówki i trzymaj się najwyżej dwóch rodzin.
Napisz stos fontów, który wymienia najpierw Avenir, a po nim darmowy zamiennik, aby każdy odwiedzający widział podobny wygląd.
Wczytuj tylko używane grubości, na przykład 400 i 700, aby strona była lekka.

Licencje Avenir sprzedawane są według zastosowania (desktop, fonty webowe, aplikacje), więc sprawdź, czy Twoja obejmuje serwowanie pliku fontu ze strony.
Ustaw tekst główny w Avenir nieco większy niż w foncie szeryfowym, na początek około 17px lub 18px, i oceń na oko.
Unikaj łączenia Avenir z Futura lub innym geometrycznym fontem bezszeryfowym. Są zbyt podobne, aby wyglądało to na zamierzone, i zbyt różne, aby wyglądały tak samo.
Jeśli używasz tylko zamiennika, usuń nazwy Avenir ze stosu, aby projekt nie zmieniał się w zależności od urządzenia.
Przetestuj nagłówki w obu fontach ze stosu; mają różną szerokość, więc wiersz, który mieści się w jednym, może się zawinąć w drugim.

Najczęściej zadawane pytania

Kto zaprojektował Avenir?

Zaprojektował go Adrian Frutiger. Rodzinę wydaje Linotype, a biblioteka fontów Linotype należy do Monotype, który posiada znak towarowy Avenir.

Czy Avenir można używać na stronie za darmo?

Nie. Avenir to font komercyjny. Sprzedawcy oferują osobne licencje na desktop, fonty webowe, aplikacje i inne zastosowania, więc kup licencję na font webowy, jeśli chcesz serwować go ze swojej strony.

Jaki jest najbliższy darmowy zamiennik Avenir?

Nie ma dokładnej darmowej kopii. Nunito Sans, Mulish i Figtree z Google Fonts mają podobny czysty, zaokrąglony, geometryczny charakter i są udostępnione na licencji SIL Open Font License. Który jest najbliższy, to kwestia oka; porównaj je w podglądzie.

Jaki font szeryfowy pasuje do Avenir?

Dobrze wyglądają obok niego solidne szeryfowe fonty tekstowe o otwartych kształtach, takie jak Lora, Merriweather i Source Serif 4. Do dużych nagłówków więcej dramatyzmu daje kontrastowy font szeryfowy, taki jak Playfair Display.

Gdzie używa się Avenir?

Strona Linotype wymienia go na oznakowaniu międzynarodowych lotnisk Dallas Fort Worth i Hongkong oraz podaje, że Amsterdam przyjął go jako krój firmowy w 2003 roku.

Dlaczego Avenir łatwo łączyć

Według opisu rodziny na fonts.com Frutiger postanowił zinterpretować geometryczne fonty bezszeryfowe z początku 20. wieku na nowo, z bardziej ludzkim charakterem. W efekcie litery są okrągłe, ale połączenia łagodniejsze niż w ściśle geometrycznym kroju.
Ta spokojna, równa faktura sprawia, że rzadko konkuruje z partnerem. Partner potrzebuje tylko tyle różnicy, aby było widać świadomy wybór: szeryfy, większy kontrast kresek lub większą grubość.

Avenir, Avenir Next i stos fontów

Avenir Next to rozszerzona rodzina opracowana przez Akirę Kobayashiego wspólnie z Frutigerem, od UltraLight do Heavy, z wersjami zwężonymi. Stos fontów może wymieniać obie, a przeglądarka użyje pierwszej dostępnej.
Stos używa tylko fontów zainstalowanych lub serwowanych przez Ciebie. Jeśli nie masz licencji na Avenir jako font webowy, większość odwiedzających zobaczy zamiennik, więc wybierz go starannie.

Darmowe zamienniki Avenir

Wszystkie trzy są w Google Fonts na licencji SIL Open Font License. Uwagi porównawcze to nasza własna ocena po zestawieniu ich obok siebie.

Rodziny z Google Fonts, które mogą zastąpić Avenir

Font
Projektanci (według Google Fonts)
Jak wypada w porównaniu

Nunito Sans
Vernon Adams, Jacques Le Bailly, Manvel Shmavonyan, Alexei Vanyashin
Najbliższy ogólny charakter; nieco łagodniejsze zakończenia

Mulish
Vernon Adams, Cyreal, Jacques Le Bailly
Lżejszy i bardziej minimalistyczny; dobry do małego tekstu

Figtree
Erik Kennedy
Odrobinę przyjaźniejszy i szerszy; mocny w pogrubionych nagłówkach

CSS do skopiowania

Nagłówki w Avenir z tekstem głównym w Lora

Avenir jest używany tam, gdzie urządzenie go ma; wszyscy inni dostają Nunito Sans, wczytywany za darmo z Google Fonts.

Podgląd połączenia

Wybierz przepis i darmowy zamiennik. Jeśli masz Avenir zainstalowany na urządzeniu, zobaczysz Avenir; w przeciwnym razie zobaczysz zamiennik, dokładnie tak jak wielu Twoich odwiedzających.

Przepis

Darmowy zamiennik Avenir

Rozmiar tekstu głównego

Nagłówki Avenir, tekst Lora

Nagłówki Playfair Display, tekst Avenir

Nagłówki Avenir, tekst Merriweather

Avenir wszędzie, dwie grubości

Nagłówki Avenir, tekst Source Serif 4

Ręcznie robione stoły na lata

Każdy mebel wycinamy z lokalnego dębu i wykańczamy ręcznie w naszym warsztacie. Większość zamówień wysyłamy w ciągu trzech tygodni, a w promieniu 40 km dostarczamy za darmo.

Zobacz kolekcję

CSS dla tego połączenia

Kopiuj CSS

Skopiowano.

Kopiowanie nie powiodło się. Zaznacz kod i skopiuj go ręcznie.

Podgląd wczytuje darmowe fonty z Google Fonts w Twojej przeglądarce. Sam Avenir nigdy nie jest tu pobierany.