Standarodwe czcionki stosowane na stronach czasem mogą się znudzić lub po prostu nie spasują do tematyki naszej witryny. Przychodzi wtedy potrzeba zastosowania niestandardowej czcionki. Jednak tu pojawia się pytania czy czcionka będzie wyświetlać się na innych komputerach ? Problem z prawidłowym wyświetlaniem czcionek zna chyba każdy twórca stron. Dzisiaj pokażemy Wam metody na wgranie własnej czcionki do strony opartej – a jakże – na WordPressie.
1. Pierwszy sposób
Na początek jeśli nie chcemy się zbytnio wysilać i interesują nas proste rozwiązania, tym samym nie dbamy o ilość zainstalowanych wtyczek – posłużymy się jedną z wtyczek do zmiany czcionki WordPressa.
free-google-fonts/screenshots
plugins/wp-google-fonts plugins/easy-google-fonts
Wtyczki pozwalają nam wgrać czcionkę z bazy czcionek Googla dostępnej tutaj. Szczerze polecam Wam tą bazę ponieważ znajdziemy tam naprawdę dużo fajnych czcionek, tym samym mając pewność, że u każdego zostaną one wyświetlone. No chyba, że Google kiedyś upadnie i baza zniknie…
Poleca wtyczkę Easy Google Fonts. Po jej zainstalowaniu przechodzimy do zakładki WYGLĄD—>PERSONALIZACJA. Znajdziemy tam nową zakładkę o nazwie TYPOGRAFIA.
2. Drugi sposób
to instalacja ręczna czyli przechodzimy na stronę google.com/fonts/ i wybieramy sobie dowolną czcionkę. My wybraliśmy czcionkę Short Stack.
Przy nazwie czcionki klikamy w Quick Use. Kopiujemy pierwszy kod, który wklejamy do pliku Header.php w sekcji < head > wordpressa.
Teraz pozostaje nam zintegrować czcionkę ze znacznikiem CSS, czyli pliku style.css. My zmienimy czcionkę w menu, a znacznikiem będzie nav ul.menu, a więc kod css będzie wyglądał tak :
nav ul.menu
{
font-family: ‘Short Stack’, cursive;
font-size: 15px;
padding: 15px
}
I oto efekt w naszym menu :
