W tym poście znajdziesz 7 praktycznych wskazówek jak łączyć fonty wraz z przykładami kombinacji od Google, w formie wygodniej infografki. We wpisie znajdziesz również listę praktycznych narzędzi do łączenia fontów, które sprawią, że ten proces będzie nawet łatwiejszy i mniej czasochłonny.

W tym poście znajdziesz:

  1. 7 szybkich wskazówek, jak łączyć fonty ze sobą wraz z przykładami kombinacji od Google.
  2. Praktyczne narzędzia do łączenia fontów, dostępne w internecie.

Łączenie typografii może być frustrujące. Zarówno wtedy, kiedy masz na to niewiele czasu, cierpisz na chwilowy brak pomysłów, jak i gdy jeszcze nie „czujesz” co tak naprawdę wygląda dobrze ze sobą. Wydaje się, że najprościej jest zestawić ze sobą dwie różne grubości z tej samej rodziny (bold, regular), i pewnie efekt będzie całkiem niezły. Jednak z takim podejściem trudno jest rozwinąć swoje umiejętności i aby budować bardziej oryginalne projekty, dobrze jest poznać również inne sposoby łączenia fontów.

W tym poście przygotowałam kilka praktycznych wskazówek, jak łączyć fonty ze sobą w formie infografiki. Oczywiście, nie stosuj ich wszystkich naraz!:) Weź, powiedzmy trzy z nich: różną wielkość, grubość i styl fontów (np. fonty szeryfowe z bezszeryfowymi) i wuala! Przepis na udane połączenie gotowy! Abyś również mógł/a przekonać się, że owe wskazówki mają sens :), znajdziesz do nich przykłady połączeń typografii ze strony Google. Także, jeżeli, któraś z kombinacji, wpadnie Ci w oko – śmiało, pobierz darmowe fonty z ich strony i wykorzystaj w swoich własnych projektach.

W tym wpisie znajdziesz również kilka praktycznych narzędzi do łączenia fontów, z których sama chętnie korzystam, gdy szukam odpowiedniej typografii, a które i Tobie również polecam.

darmowe fonty od Google

Praktyczne narzędzia do łączenia fontów

Fontjoy

Jest to bardzo przydatne narzędzie do łączenia fontów. Na górnym sliderze, wybierz efekt, jaki chcesz uzyskać, np. more similarity, lub high contrast, a strona po kliknięciu przycisku Generate, sporządzi gotową kombinację dla Ciebie. Inną zaletą, jest w pełni edytowalny tekst. Mnie również, podoba się możliwość łączenia 3 fontów, ponieważ to bywa najbardziej kłopotliwe.

fontjoy - tool for font pairing

Typ.io

To kolekcja ponad 3000 zestawień fontów, które wykorzystano w projektach internetowych. Strona oferuje przyjazny interface, z możliwością przeglądania kombinacji w różnych kategoriach, np. fonty szeryfowe dla tytułu i tekstu głównego, fonty bezszeryfowe jedynie dla tytułu i tp.

typio - tool for font pairing

Google-type by Femmebot

Jeżeli Google Fonts jest stroną, która w szczególności Cię interesuje, zajrzyj na Google-type by Femmebot. Znajdziesz tam gotowe kombinacje fontów na tle zdjęć, dzięki czemu możesz łatwiej ocenić, jak dane fonty będą się prezentować w prawdziwych projektach.

femmebot - tool for font pairing

Typespiration

Typesiration oferuje kolekcję próbek stron internetowych wraz z gotowymi kombinacjami fontów z Google Fonts. Oprócz tego, przy próbkach stron znajdziesz palety kolorów, których użyto, co może Cię zainspirować do ich wykorzystania we własnych projektach.

typesiration - tool for font pairing

Polecam Tobie również: