W skrócie: Typografia wpływa na markę i konwersję trzema drogami. Buduje charakter (krój niesie emocje szybciej niż logo), decyduje o czytelności (interlinia 140–175%, wiersz 45–75 znaków, kontrast WCAG) i wpływa na wydajność (źle wdrożone fonty spowalniają stronę i powodują przeskoki układu). Dobór kroju to decyzja strategiczna, nie kosmetyczna.
Spis treści
Krótka odpowiedź
W sieci niemal wszystko jest tekstem: nagłówki, oferty, przyciski, ceny. Typografia to więc nie „jeden z elementów designu", lecz jego główny nośnik: buduje charakter marki, decyduje o czytelności i wprost wpływa na konwersję. Dobór kroju pisma to decyzja strategiczna.
Krój mówi, zanim przeczytasz
Zanim mózg przetworzy treść, oko już oceniło formę: szeryfy mówią „tradycja, powaga, redakcja", geometryczne bezszeryfy „nowoczesność, technologia", a kroje humanistyczne „przystępność, ciepło". To nie ezoteryka, lecz wyuczone skojarzenia kulturowe, które marka może wykorzystać albo nieświadomie podważać.
Test praktyczny: wyobraź sobie kancelarię prawną złożoną krojem Comic Sans i startup AI złożony frakturą. Treść ta sama, komunikat zupełnie inny.
Czytelność to konwersja
Użytkownik, który musi się wysilać, by przeczytać, nie czyta. Rzemiosło czytelności sprowadza się do kilku mierzalnych zasad:
- Rozmiar bazowy: minimum 16 px dla tekstu ciągłego; mniejsze rozmiary tylko dla metadanych.
- Interlinia: 140–175% rozmiaru pisma dla akapitów; ciaśniej w nagłówkach.
- Długość wiersza: 45–75 znaków. Wiersz na całą szerokość monitora to maraton dla oka, dlatego porządne strony łamią tekst w kolumny o ograniczonej szerokości.
- Kontrast: minimum 4,5:1 dla tekstu (wymóg WCAG AA). Modny jasnoszary tekst na białym tle to projektowanie przeciwko własnym klientom.
- Hierarchia: czytelnik skanuje, więc nagłówki, śródtytuły i wyróżnienia muszą prowadzić wzrok przez stronę bez instrukcji.
Polskie znaki to pole minowe
Polszczyzna bezlitośnie weryfikuje kroje: ą, ę, ł, ś, ż muszą być zaprojektowane, nie doklejone. W słabych fontach diakrytyki psują rytm tekstu albo, co gorsza, brakuje ich wcale i przeglądarka skleja tekst z dwóch różnych krojów. Do tego dochodzi mikrotypografia: polskie cudzysłowy („ "), pauzy i półpauzy, niełamliwe spacje po jednoliterowych spójnikach (w, z, i, o, u, a). To detale, które odróżniają skład profesjonalny od domyślnego. Ta strona robi to automatycznie, bo to kwestia wdrożenia, nie ręcznej pracy redaktora.
Wydajność, czyli typografia też się ładuje
Webfonty to pliki, a pliki kosztują milisekundy. Złe wdrożenie typografii psuje Core Web Vitals: tekst niewidoczny do czasu pobrania fontu albo przeskok układu przy podmianie (CLS). Zasady higieny: self-hosting fontów, format WOFF2, fonty variable zamiast pięciu osobnych odmian, font-display: swap i ograniczenie zestawu znaków do potrzebnych.
Licencje: krój trzeba mieć prawo używać
Font do druku, na stronę i do aplikacji to często trzy różne licencje. Przy wyborze kroju dla marki sprawdzamy koszty we wszystkich planowanych mediach, bo niespodzianka licencyjna przy wdrożeniu aplikacji potrafi wymusić rebranding typograficzny. Alternatywą bywają kroje open source (SIL OFL), których jakość bywa dziś znakomita.
Nasza perspektywa
Projektujemy typografię od czasów, gdy błąd składu zostawał w tysiącach wydrukowanych egzemplarzy. Ta szkoła precyzji przeszła z nami do digitalu. Dobór kroju traktujemy jak fundament identyfikacji: tak budujemy marki, od papieru po design system.