Podgląd Czcionki

Testuj dowolną Google Font z niestandardowym tekstem, rozmiarem, wagą, odstępem i kolorami. Kopiuj CSS natychmiast.

48px
400
0px
1.4
Preview
The quick brown fox jumps over the lazy dog.
Generated CSS

Czym jest narzędzie podglądu czcionek na żywo?

Narzędzie podglądu czcionek na żywo pozwala testować typografię w czasie rzeczywistym bez pisania kodu. Wybierz spośród ponad 2 000 Google Fonts, dostosuj rozmiar, wagę, odstępy i wysokość linii, aby zobaczyć dokładnie, jak tekst będzie wyglądał na stronie internetowej.

Dla kogo jest to narzędzie?

Projektanci używają go do szybkiego porównywania krojów pisma dla nagłówków i treści. Deweloperzy dopracowują CSS przed dodaniem do projektu. Każdy, kto buduje stronę lub markę, może eksplorować Google Fonts wizualnie i skopiować gotowy CSS jednym kliknięciem.

Jak używać konfiguratora czcionek

Kliknij przycisk Rodzina czcionek, aby otworzyć listę i wyszukać spośród 2 000+ Google Fonts. Wprowadź własny tekst przykładowy, a następnie dostosuj rozmiar (8-200px), wagę (100-900), odstępy i wysokość linii. Panel CSS aktualizuje się natychmiast.

Google Fonts - bezpłatne i open source

Wszystkie czcionki w tym narzędziu pochodzą z Google Fonts, bezpłatnej biblioteki open source. Można ich używać na dowolnej stronie za pomocą prostego importu CSS, bez opłat licencyjnych. Wygenerowany fragment CSS zawiera poprawną linię importu.