Czcionki Google stały się podstawowym źródłem niestandardowej typografii internetowej od czasu jej opracowania w 2010 roku. Są trzy główne powody, dla których Google stał się tutaj liderem. Po pierwsze, nie było wystarczająco przyzwoitych usług czcionek, więc Google wypełnił pustkę. Po drugie, już na początku oferowana przez nich różnorodność była stosunkowo duża. Obecnie dostępnych jest ponad 800 czcionek w wielu stylach. Po trzecie, te czcionki są dostępne za darmo, co czyni je szczególnie atrakcyjnymi.
Ponadto są zaskakująco łatwe do zintegrowania z projektami projektowymi. Pokażemy Ci, jak możesz umieścić te czcionki Google w swojej witrynie WordPress.
Czcionki Google
Na początek musisz wybrać czcionkę, z którą chcesz pracować. Istnieje wiele opcji, więc masz dość duże menu do wyboru. Możesz je znaleźć, przechodząc do Strona czcionek Google. Jeśli szukasz konkretnej czcionki, po prostu wpisz nazwę czcionki w polu wyszukiwania, a powinna pojawić się próbka.
Istnieją również inne parametry wyszukiwania, których możesz użyć. Tuż pod polem wyszukiwania znajduje się przycisk o nazwie Kategorie. Jeśli to klikniesz, wyświetli się rozwijane menu z pięcioma opcjami. Są to następujące:
- Szeryfowe – są to czcionki z krótkimi liniami wywodzącymi się z górnych i dolnych kresek litery. Dobrymi przykładami są Times New Roman i Sylfaen.
- Sans Serif – Jak sama nazwa wskazuje, są to czcionki bez tych małych linii. Mają prostą i czystą estetykę.
- Wyświetlacz — można je nazwać czcionkami przyciągającymi uwagę. Najlepiej nadają się do nagłówków, a nie do długiego tekstu.
- Pismo ręczne — te czcionki sprawiają wrażenie, jakby ktoś napisał je ręcznie. Przekonasz się, że wiele z nich jest zapisanych kursywą lub ma mniej spójnych odstępów.
- Monospace – Podobnie jak maszyna do pisania, ich litery zajmują tę samą szerokość w poziomie. Są bardzo konsekwentnie rozmieszczone.
Oprócz tego masz również inne opcje do wyboru, takie jak wybór właściwości języka i czcionki. Ta ostatnia obejmuje liczbę stylów, grubość, nachylenie i szerokość.
Osadzanie czcionek w WordPress
Jeśli chcesz uwzględnić te unikalne czcionki w swojej witrynie WordPress, możesz wypróbować kilka metod.
Korzystanie z CSS
Kliknij czcionkę z wyboru Google, aby przejść do szczegółowej strony z czcionkami. W prawym górnym rogu znajduje się znak „+”. Kliknij na to, a otworzy się boczne okno. Kliknij „Osadź”.
Teraz możesz kliknąć @import. Otworzy się kod CSS, który musisz skopiować. Przejdź do arkusza stylów swojego motywu WordPress i wklej go na początku. Upewnij się, że skopiowałeś link do importu bez nawiasy. Upewnij się, że zapisałeś, a dodasz czcionkę.
Korzystanie z PHP
Wykonaj kilka pierwszych kroków i skopiuj link, który otrzymasz po kliknięciu znaku „+”. Teraz po prostu dodaj go do pliku header.php swojego motywu. Pamiętaj, aby zapisać, aby dodać czcionkę.
Korzystanie z funkcji JavaScript
Możesz też wypróbować coś, co nazywa się „kolejkowaniem”. Będziesz musiał użyć do tego funkcji wp_enqueue_style. Dzięki tej metodzie możesz dodać wybraną czcionkę do sekcji nagłówka wszystkich stron swojej witryny. To świetny sposób na dodanie wielu zmian jednocześnie.
Po prostu pobierz link do czcionki (od http do ”) i dodaj go do pliku functions.php swojego motywu z dodatkowym kodem. Oto kod, którego będziesz potrzebować:
funkcja custom_add_google_fonts() {
wp_enqueue_style ( „niestandardowe czcionki google”, https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, fałszywe );
}
add_action( „wp_enqueue_scripts”, „custom_add_google_fonts”);
Każda z tych opcji będzie działać dobrze, aby zintegrować czcionki Google z witryną WordPress, dlatego ważne jest, aby wybrać tę, z którą czujesz się najbardziej komfortowo.