Podglądaj Google Fonts, dostosowuj rozmiar, grubość, odstępy i porównuj czcionki obok siebie
Narzędzia deweloperskie
O tym narzędziu
Podgląd czcionek umożliwia podgląd i porównywanie ponad 50 czcionek Google Fonts z pełną kontrolą nad rozmiarem, grubością, stylem, odstępami i kolorem. Oferuje trzy tryby widoku — podgląd, wzornik i porównanie — oraz generuje gotowy do użycia kod CSS z kopiowaniem jednym kliknięciem.
Główne funkcje
- Ponad 50 popularnych czcionek Google Fonts z wyszukiwaniem i filtrowaniem
- Trzy tryby widoku: podgląd, wzornik i porównanie
- Pełna kontrola typograficzna: rozmiar, grubość (100–900), styl, odstępy między literami, wysokość wiersza
- Konfigurowalny kolor tekstu i tła z obsługą wartości HEX
- Edycja tekstu podglądu do testowania w czasie rzeczywistym
- Kopiowanie wygenerowanego CSS do schowka jednym kliknięciem
Przykłady użycia
- Wybieranie odpowiedniej czcionki Google Font do projektu strony internetowej
- Porównywanie dwóch czcionek obok siebie przed podjęciem decyzji
- Generowanie deklaracji CSS font-face do arkuszy stylów
- Testowanie czytelności czcionki przy różnych rozmiarach i grubościach
- Przeglądanie pełnego zestawu znaków czcionki w widoku wzornika
fonts
google-fonts
typography
Często zadawane pytania
Jakie czcionki są dostępne w podglądzie czcionek?
Narzędzie zawiera ponad 50 popularnych czcionek Google Fonts, takich jak Roboto, Inter, Poppins, Playfair Display, Montserrat i inne. Możesz wyszukiwać i filtrować listę czcionek, aby znaleźć idealną.
Czy mogę porównać dwie czcionki obok siebie?
Tak, karta porównania umożliwia wyświetlenie dwóch czcionek obok siebie, każda z niezależną kontrolą rozmiaru i grubości, co ułatwia wybór między podobnymi czcionkami.
Jak uzyskać kod CSS dla czcionki?
Karta podglądu wyświetla pełną deklarację CSS dla bieżących ustawień. Kliknij przycisk „Kopiuj CSS”, aby natychmiast skopiować ją do schowka.
Czy podgląd czcionek działa offline?
Samo narzędzie działa w przeglądarce, ale czcionki Google Fonts są ładowane z CDN, więc do renderowania czcionek wymagane jest połączenie internetowe.
Czy mogę dostosować tekst podglądu?
Tak, obszar podglądu jest edytowalny — kliknij go, aby wprowadzić własny tekst i zobaczyć, jak wygląda w wybranej czcionce.