Każda strona lub pojedynczy element tekstowy może mieć własny krój czcionki tzw. font. Do wyboru masz ok. 100 rodzajów najpopularniejszych czcionek Google Fonts. Są one dostępne automatycznie w polu wyboru czcionki dla strony, tekstu lub linku.
Zastosuj 1, 2, lub maksymalnie 3 rodzaje czcionek na stronie. Dzięki temu strona będzie czytelna i szybko się wyświetli. Zastosuj ten sam zestaw czcionek na każdej podstronie witryny aby zachować spójny styl. W pierwszej kolejności ustaw domyślną czcionkę dla całej strony, która będzie używana do wszystkich tekstów na stronie. Następnie możesz, jeśli chcesz, zastosować czcionkę dla wybranego elementu tekstowego np. tytułu. Taka kombinacja może nadać stronie niepowtarzalny charakter.
Zobacz wpis: Przykłady różnych czcionek dla tytułów i tekstów.
W poniższym przykładzie zastosowano dla tekstu czcionkę Manrope, a dla tytułu czcionkę Anton.
Ustaw czcionkę domyślną dla strony głównej witryny. Wszystkie elementy tekstowe na stronie będą wyświetlane w tej czcionce.
1. Wejdź w ustawienia strony głównej klikając śrubkę w górnej nawigacji.
2. W polu "Czcionka strony" wybierz krój czcionki.
Ustawienia strony → Ogólne → Czcionka strony
2. Zapisz ustawienia strony. Czcionka od razu będzie zmieniona w kreatorze. Aby zmiany były widoczne na stronie www opublikuj witrynę.
Po ustawieniu czcionki domyślnej dla całej strony możesz zawsze ustawić inną czcionkę dla wybranego elementu tekstowego. Jest to przydatne gdy chcesz np. zmienić krój czcionki tylko w nagłówku na stronie, albo tylko dla linków w nawigacji.
1. Kliknij element tekstowy/link, wejdź w ustawienia elementu Styl > Krój czcionki
2. Wybierz krój czcionki i zapisz stronę.
Aby zmienić czcionkę w całej witrynie czyli na wszystkich podstronach:
Jeżeli nie chcesz zmieniać kroju czcionki ale jednak chcesz podkreślić tekst możesz zmienić tylko pogrubienie.
W poniższym przykładzie zastosowano dla tekstu czcionkę Manrope, a dla tytułu czcionkę Manrope pogrubioną.
Zobacz osobny wpis z przykładami: Jak pogrubić czcionkę stosując czcionki zmienne
Wiemy, że instalowanie nowych czcionek jest trochę skomplikowane i nie każdy ma ochotę i czas to robić. Dobrze jednak mieć teksty zaprezentowane w atrakcyjny sposób, niekoniecznie za pomocą fonta Arial czy Times New Roman. Dlatego daliśmy Ci automatyczny dostęp do ponad 100 najpopularniejszych, najładniejszych, najbardziej uniwersalnych czcionek Google Fonts. Nie musisz nic instalować.
Oto lista dostępnych czcionek w kreatorze.
Czcionki popularne, tzw. Web Safe Fonts.
Arial, Arial Black, Courier New, Georgia, Tahoma, Times New Roman, Trebuchet MS, Verdana.
Czcionki Google Fonts.
Wybraliśmy 100 najbardziej popularnych czcionek Google Fonts. Skontaktuj się z nami jeśli brakuje tu Twojej ulubionej czcionki Google, dodamy ją do katalogu.
Abel, Abril Fatface, Albert Sans, Alegreya, Alegreya Sans, Aleo, Alfa Slab One, Anton, Anybody, Archivo, Archivo Black, Arima, Arimo, Arsenal, Asap Condensed, Audiowide, Ballet, Baloo, Barlow, Bebas Neue, Bevan, Big Shoulders Display, Big Shoulders Text, BioRhyme, Bitter, Caveat, Charm, Chivo, Cinzel, Coda, Coiny, Comfortaa, Corben, Courgette, Cuprum, Didact Gothic, DM Sans, DM Serif Display, Domine, Dosis, Encode Sans Condensed, Faustina. Faster One. Forum. Francois One. Gantari. Gluten. Great Vibes, Gruppo, Inter, Josefin Sans, Kalam. Karla. Krona One. Krub. Lato. Libre Franklin. Limelight, Literata, Lobster, Lora, Manrope, Marcellus, Merriweather, Merriweather Sans, Montserrat, Mukta, Muli, Noto Sans, Noto Serif, Noto Serif Display, Nunito, Nunito Sans, Old Standard TT, Open Sans, Open Sans Condensed, Oswald, Oxygen, Pacifico, PT Sans, PT Sans Narrow, PT Serif, Playfair Display, Poiret One, Poppins, Prata, Prosto One, Quicksand, Raleway, Raleway Dots, Righteous, Roboto, Roboto Condensed, Roboto Flex, Roboto Slab, Rokkitt, Rosario, Rubik, Sora, Source Sans Pro, Staatliches, Teko, Tenor Sans, Thasadith, Tinos, Titan One, Titillium Web, Trirong, Ubuntu, Vollkorn, Work Sans, Yeseva One, Zilla Slab Highlight.
Zobacz koniecznie: Przykłady różnych czcionek w nagłówkach sekcji
Zobacz też: Jak dodać nową czcionkę Google Fonts stosując meta tagi
