Dobór czcionek i katalog Google Fonts
Przeglądaj wyselekcjonowany katalog popularnych czcionek Google Fonts z podglądem na żywo, filtruj według kategorii i wyszukuj po nazwie, a następnie kopiuj gotowy do wklejenia CSS i odkrywaj sugerowane pary czcionek — wszystko w przeglądarce.
Wszystko działa w Twojej przeglądarce — czcionki są ładowane z Google Fonts wyłącznie do podglądu na żywo, nic nie jest przesyłane, bez rejestracji, całkowicie za darmo.
Nagłówek złożony czcionką ozdobną
A oto akapit tekstu głównego złożony sparowaną czcionką tekstową. Dobre pary czcionek równoważą charakter i czytelność: wyrazisty krój nagłówka przyciąga wzrok, a czysty, wygodny krój tekstu sprawia, że dłuższe fragmenty łatwo się czyta. Kliknij „CSS”, aby skopiować oba wiersze @import oraz reguły font-family dla nagłówków i tekstu głównego.
O Dobór czcionek i katalog Google Fonts
Ten katalog czcionek zbiera 80 popularnych czcionek Google Fonts na jednej przeszukiwalnej stronie, każda wyrenderowana jako żywy przykład z próbką pangramu, wierszem alfabetu i cyfr oraz odznaką kategorii. Obejmuje pięć rodzin krojów pisma — bezszeryfowe, szeryfowe, display, odręczne i monospace — dzięki czemu możesz porównywać prawdziwe kształty liter zamiast zgadywać na podstawie nazw.
Każda karta czcionki zawiera wyselekcjonowane sugestie łączenia: czcionki partnerskie, które dobrze współpracują ze sobą w nagłówkach i tekście głównym. Kliknięcie chipu pary otwiera podgląd ustawiający nagłówek w jednej czcionce, a akapit w drugiej, dzięki czemu możesz ocenić kombinację w kontekście przed jej zastosowaniem.
Gdy czcionka lub para pasuje, jedno kliknięcie kopiuje gotowy do wklejenia kod CSS — linię @import dla arkusza stylów Google Fonts wraz z odpowiednim stosem font-family i sensownym zapasowym krojem. Czcionki są ładowane z Google Fonts wyłącznie do podglądów na żywo; nic, co wpiszesz, nigdzie nie jest przesyłane.
Jak korzystać z Dobór czcionek i katalog Google Fonts
- Przeglądaj karty czcionek, każda pokazująca nazwę, odznakę kategorii i żywy przykładowy tekst ustawiony w rzeczywistym kroju pisma.
- Użyj pola wyszukiwania, aby znaleźć czcionkę po nazwie, lub kliknij chip kategorii (Bezszeryfowe, Szeryfowe, Display, Odręczne, Monospace), aby przefiltrować siatkę.
- Przeciągnij suwak rozmiaru (16–72 px), aby zobaczyć podgląd wiersza próbki przy docelowym rozmiarze nagłówka lub tekstu głównego.
- Kliknij chip „Pasuje do” lub przycisk „Podgląd pary”, aby zobaczyć nagłówek i akapit tekstu głównego ustawione w sugerowanej kombinacji.
- Kliknij przycisk „CSS” na karcie lub w podglądzie pary, aby skopiować linię @import i deklaracje font-family do schowka.