Pary fontów / Kod
IBM Plex Mono + Spectral
Zobacz profil i punktację sześciu cech ↓Mniej hałasu. Więcej znaczenia.
Dobre litery dają myślom przestrzeń. Pomagają odnaleźć rytm, podkreślić to, co ważne, i opowiedzieć historię własnym głosem.
Kliknij tekst i pisz po swojemu.
Technicznie
Dlaczego to działa
IBM Plex Mono wprowadza techniczny rytm stałej szerokości, a Spectral prowadzi dłuższy akapit szeryfowym rytmem. Różnica konstrukcji liter pomaga oddzielić tytuł od treści. Zacznij od 48 px dla tytułu i 18 px dla akapitu. To propozycja z profili cech — oceń ją na treści swojego projektu.
Przeczytaj, jak ocenić kontrast i role w parze, a potem dopasuj skalę rozmiarów do swojego układu.
Pobierz oba fonty i ich licencje. Ścieżki w CSS są przykładowe — dopasuj je do swojego projektu.
Znajdź innego partneraDOPASOWANIE / 6 CECH DOBREJ PARY
To połączenie ma charakter.
Te same pytania. Te same punkty. Zobacz, jak dobieramy fonty.
Poniżej widzisz profil pary. Odpowiedz na sześć pytań, aby zobaczyć własny wynik dopasowania.
Dobierz fonty
01 / WAGA 20%
Stylistyka
Dlaczego jest to istotne?
Nie pytamy tylko o kolory. Chodzi o odczucia i emocje, które zostawia Twój projekt. Ma być ciepły i przyjazny czy chłodny i rzeczowy? Jeśli nie masz preferencji, wybierz „obojętny”.
02 / WAGA 15%
Długość nagłówków
Dlaczego jest to istotne?
Ile słów będą zawierały Twoje nagłówki? Krótki tytuł daje więcej miejsca na wyrazisty krój. Dłuższe nagłówki potrzebują spokojniejszego rytmu i czytelnych liter.
03 / WAGA 10%
Popularność czcionki
Dlaczego jest to istotne?
Wolisz coś dobrze znanego, krój który czasem widujesz, czy mniej oczywiste odkrycie? To redakcyjna ocena rozpoznawalności fontów, a nie pomiar ich popularności w internecie.
04 / WAGA 20%
Rodzaj treści
Dlaczego jest to istotne?
Treść nadaje ton. Profesjonalny projekt potrzebuje wiarygodności i spokoju, a swobodna opowieść może pozwolić sobie na więcej osobowości. Jaki charakter ma Twoja treść?
05 / WAGA 20%
Nagłówki
Dlaczego jest to istotne?
Czy nagłówek ma przede wszystkim przekazać informację, połączyć czytelność z charakterem, czy być ozdobą projektu? Ta decyzja wpływa na to, jak wyrazisty krój zaproponujemy.
06 / WAGA 15%
Ryzyko
Dlaczego jest to istotne?
Na dole jest kraina niezwykłych czcionek. Skoczyłbyś? Wybierz, ile swobody mamy przy doborze — od spokojnych liter po odważny, nieoczywisty charakter.
Jak dokładnie liczymy punkty?
Dla każdej wybranej odpowiedzi odczytujemy punkty zgodności z macierzy pary. Niedopasowanie to 100 minus punkty. Podnosimy niedopasowanie do kwadratu i mnożymy przez wagę pytania. Sumę dzielimy przez sumę aktywnych wag, wyciągamy pierwiastek i odejmujemy od 100. Dzięki temu wyraźnie słabsza cecha ma większy wpływ niż w zwykłej średniej.
wynik = 100 − √(Σ[waga × (100 − punkty)²] / Σ[aktywne wagi])
Wagi wyjściowe pytań: 20, 15, 10, 20, 20 i 15. Obojętna stylistyka oznacza brak preferencji: pomijamy tę cechę i przeliczamy udziały pozostałych wag. Jej 100 punktów w macierzy nie jest bonusem. Wynik jest heurystyką dopasowania, nie prawdopodobieństwem ani oceną jakości fontu.
Profile par łączą cechy nagłówka (80%) i treści (20%); dla rodzaju treści proporcja wynosi 60/40. Rozpoznawalność jest szacunkiem redakcyjnym. Wymagane znaki wybranego języka i przypięty font filtrujemy przed rankingiem.
Sortujemy po pełnej wartości wyniku, a wyświetlamy jedno miejsce po przecinku. Identyczne profile punktów grupujemy. Wśród pozostałych wybieramy do trzech propozycji z różnymi nagłówkami, chyba że nagłówek jest przypięty. Przy dokładnym remisie kolejność stabilizuje identyfikator — nie oznacza to przewagi estetycznej.
Propozycja z profili cech. Ostateczną kompozycję oceń na własnym tekście.
Dowiedz się więcej
Dobra para to początek projektu
Zobacz, co sprawia, że dwa fonty współpracują, i dopracuj ich proporcje według poradnika o skali. W kolekcji dla marek znajdziesz kolejne kierunki do porównania.