Jak dodać czcionki Google do WordPress

Jednym ze sposobów radykalnej poprawy wyglądu i profesjonalizmu witryny jest użycie świetnych czcionek.

Większość ludzi nigdy nie zastanawia się nad czcionką, której używają na swojej stronie internetowej. Jeśli jednak tworzysz własny motyw lub edytujesz motyw, który już zainstalowałeś, dobry wybór czcionki powinien stanowić dużą część procesu.

Wybór czcionki lub kombinacji czcionek dla Twojej witryny był kiedyś prostym i szczerze mówiąc dość nudnym zadaniem. Dostępnych było bardzo niewiele bezpiecznych czcionek internetowych, ale teraz, przy ogromnej liczbie stale tworzonych czcionek zoptymalizowanych pod kątem sieci, ustalenie, których użyć, może być trudne.

Wraz z utworzeniem czcionek Google i ponad 900 rodzin czcionek, które są teraz dostępne, proces wyboru dobrej czcionki jest jeszcze bardziej złożony. Jednak w ciągu ostatnich kilku lat rozwój czcionek Google sprawił, że wdrażanie dowolnych wyborów jest znacznie łatwiejsze niż kiedykolwiek.

Dlaczego powinienem używać czcionek Google?

Czcionki Google stały się obecnie jednym z największych zasobów czcionek dostępnych w Internecie.

Dostępnych jest nie tylko ponad 900 rodzin czcionek, ale wszystkie są czcionkami typu open source, które każdy może tworzyć i ulepszać.

Projektanci tworzący czcionki muszą przejść proces rozważania, czy ich czcionka zostanie umieszczona w katalogu Google. Oznacza to, że oprócz dostępu do tysięcy projektantów na całym świecie nie można dodawać czcionek do katalogu bez uprzedniego sprawdzenia, czy są kompletne i zoptymalizowane pod kątem sieci Web.

W przeszłości używanie różnych czcionek oznaczało, że ludzie musieli mieć zainstalowaną czcionkę na swoim komputerze, aby przeglądarka mogła ją poprawnie wyświetlić. Dzięki Google Fonts wszystkie czcionki są dostępne bezpośrednio z katalogu Google, co gwarantuje, że będą działać na praktycznie każdym komputerze i dowolnej przeglądarce. Otwiera to niespotykaną dotąd swobodę projektowania przy tworzeniu stron internetowych.

Jak używać czcionek Google w mojej witrynie?

Niektóre motywy WordPress, takie jak motyw Total WordPress, zawierają wbudowane w motyw opcje umożliwiające łatwą zmianę czcionek Google. Wystarczy przejść do Dostosowania i kliknąć kartę Typografia, aby edytować główne czcionki, rozmiar czcionki, grubość czcionki, a nawet odstępy między wierszami dla elementów motywu.

Jeśli jednak używasz innego motywu, możesz dodać czcionki Google ręcznie lub użyć wtyczki.

Wtyczki WordPress do dodawania czcionek Google

Jedną z najlepszych darmowych wtyczek umożliwiających dodanie czcionek Google do Twojej witryny jest skorzystanie z bezpłatnej wtyczki Easy Google Fonts, którą możesz pobrać z repozytorium WordPress. Najłatwiejszy do pobrania jest jednak bezpośrednio z pulpitu nawigacyjnego WordPress. Po prostu zaloguj się na swoją witrynę WordPress i przejdź do Wtyczki > Dodaj nową. Następnie wyszukaj „Easy Google Fonts”, aby instalacja była szybka i łatwa.

Kolejną świetną wtyczką do dostosowywania czcionek na stronie jest wtyczka edytora CSS Yellow Pencil Live (która jest bezpłatna w naszym motywie WordPress w Nowym Jorku). Zaletą tej wtyczki jest to, że pozwala ona nie tylko zmieniać czcionki w witrynie za pomocą łatwej metody „kliknij i edytuj”. Możesz także dostosować wszystkie kolory motywu WordPress, rozmiary czcionek, grubość czcionek, dopełnienia, marginesy… itd.

Jakich czcionek powinienem używać?

Największa siła Katalogu Czcionek Google może również Tobie utrudnić życie. Dostępnych jest tak wiele czcionek, że znalezienie i wybranie odpowiedniej kombinacji czcionek może być wyzwaniem.

Wybrane czcionki będą zależeć całkowicie od tego, co chcesz przekazać w swoim projekcie. Czcionki służą do przyciągnięcia zainteresowania czytelników witryny. Służą do zwrócenia uwagi na różne aspekty strony internetowej, a świetny projektant może zdziałać cuda dzięki bardzo subtelnym różnicom w używanych czcionkach.

Jedną rzeczą, którą musisz zrozumieć, jest różnica między czcionką a krojem pisma. Te dwa pojęcia są często i błędnie używane zamiennie. Czcionka to kompletny zbiór liter, cyfr itp. Odnosząc się do projektu tej kolekcji, nazwałbyś ją krojem pisma.

Klasyfikacje czcionek

Istnieją różne klasyfikacje, które można zastosować do krojów pisma. Są to: Serif, Sans Serif, Display, Handwriting (lub Script) i Monospace. Istnieją inne, które są używane w druku, chociaż nie musimy się nimi teraz zajmować.

Jakie są więc różnice między nimi?

Czcionki Serif mają ogon zwisający z krawędzi każdego znaku.

Czcionki bezszeryfowe nie mają końcówek.

Wyświetlane kroje pisma są niezwykłe i dekoracyjne.

Czcionki pisma odręcznego wyglądają jak odręczne pismo kursywą lub blokowe.

Wreszcie, czcionki monospace składają się ze znaków, z których każdy zajmuje dokładnie taką samą ilość miejsca.

Najlepsze praktyki dotyczące czcionek w projektowaniu stron internetowych

Przy wyborze czcionek należy przestrzegać kilku wskazówek dotyczących najlepszych praktyk.

Dobrym pomysłem jest unikanie używania więcej niż dwóch różnych czcionek w projekcie witryny. Zrównoważenie więcej niż dwóch czcionek może być trudne. Mieszanie więcej niż dwóch krojów pisma w jednej witrynie może powodować poważne problemy wizualne.

Jeśli używasz dwóch różnych czcionek, na przykład jednej do tytułów i drugiej do treści, upewnij się, że nie wybierasz ich z tej samej klasyfikacji krojów pisma. Najlepiej łączyć kroje pisma. Innymi słowy, unikaj używania dwóch różnych czcionek szeryfowych lub dwóch różnych czcionek bezszeryfowych.

Istnieją czcionki, które naprawdę dobrze sprawdzają się w przypadku tytułów, ale nie są idealne w przypadku treści i odwrotnie. W niektórych witrynach w treści zastosowano czcionki, które mogą być trudne do odczytania. Czcionki treści powinny być czyste i łatwe do odczytania, natomiast czcionek tytułowych należy używać, aby uzyskać maksymalny efekt i zwrócić uwagę na określone obszary witryny.

Podsumowanie czcionek Google dla WordPress

Być może zaczynasz już zdawać sobie sprawę, że wybór czcionek do projektu witryny internetowej może być trudnym i wymagającym procesem. Decyzja wymaga czegoś więcej niż tylko wybrania dowolnych dwóch czcionek.

Jest kilka rzeczy, na które powinieneś zwrócić uwagę przy swoich wyborach. Upewnij się, że hierarchia klas nagłówków jest zrównoważona i że tagi nagłówka zmniejszają się względnie.

Połowa sukcesu dobrego projektu witryny i typografii to zgodność z wybranymi czcionkami. Obejmuje to rozmiary czcionek, wagę i odstępy. Korzystanie z czcionek Google i wtyczki Google Typography sprawia, że cały ten proces jest znacznie łatwiejszy niż kiedykolwiek. Nawet przy tych zasobach posiadanie profesjonalnej i zrównoważonej typografii nadal stanowi wyzwanie.

Jeśli nadal nie jesteś pewien dokonanego wyboru i gubisz się, próbując znaleźć różnice pomiędzy wszystkimi dostępnymi opcjami. Być może nadszedł czas, aby profesjonalny projektant przyjrzał się Twojej witrynie.

Czy wdrożyłeś czcionki Google w swojej witrynie? Czy zbudowałeś od podstaw motyw zawierający czcionki Google? Chętnie poznamy Twoje przemyślenia na temat typografii i ulubionych czcionek w komentarzach poniżej.