Jak dodać własny font (czcionkę) do WordPress?

Jak dodać własny font (czcionkę) do WordPress?

Czasami zdarza się, że font znajdujący się na naszej stronie internetowej nie do końca odpowiada naszym potrzebą (np. nie pasuje do naszej marki lub jest mało ciekawy). W takiej sytuacji chcieli byśmy zamienić go na jakiś inny –  nie koniecznie standardowy.

Dlaczego istotne jest jaki to font?

Na ustawieniu dowolnego fontu na stronie stoi jednak pewien problem. Nie wszyscy użytkownicy Internetu posiadają zainstalowany taki sam zestaw fontów – czcionek elektronicznych na swoich komputerach jak my. W efekcie czego u niektórych osób strona może zacząć się źle wyświetlać.

A nie właściwie wyświetlający się tekst odstrasza potencjalnych odwiedzających – dlatego nie można sobie na takie ryzyko pozwolić.

O ile nie posiadamy motywu z wbudowaną funkcją zmiany kroju pisma to jednym z łatwiejszych rozwiązań tego problemu jest skorzystanie biblioteki Google Fonts.

https://fonts.google.com/

Dodanie nowego fontu z pomocą wtyczki do WordPress

Najprostszą i najszybszą metodą na zmianę fontu na stronie jest instalacja nowej wtyczki (warto jednak pamiętać by nie przegiąć z wtyczkami). WordPress posiada ich całkiem sporo np.

Wybraną wtyczkę instalujemy tak jak wszystkie pozostałe. Instrukcja instalacji wtyczki. Następnie ją  konfigurujemy zgodnie z naszymi potrzebami. Czasem może nam to chwilę zająć – bo nie każdy od razu trafi z idealnym krojem.

Ręczna instalacja fontu w WordPress

Do ręcznej instalacji nowego fontu przyda nam się podstawowa znajomość CSS oraz:

https://www.aurainweb.pl/2014/01/google-fonts-fonty-na-twoja-strone-internetowa/

Teraz kiedy już wybierzemy nowy font wchodzimy w personalizację WordPress następnie odnajdujemy tam Dodatkowy CSS.

W okno wpisujemy kod nowej czcionki.

Dodatkowy CSS podczas personalizacji
Dodatkowy CSS podczas personalizacji

W związku z tym, że znajdujemy się w podglądzie krój fontu będzie dynamicznie ulegał zmianą.

Dlaczego nie dodawać fontu bezpośrednio do skórki?

Nie zalecam tego dlatego ze względu na aktualizacje. Po dokonaniu aktualizacji zmiany wprowadzone w motyw znikną.

Dlatego jest to nie zalecane.