Tworząc serwis internetowy z wykorzystaniem szablonu Divi, na pewno zderzymy się z tematem czcionki na naszej stronie. Jaką wybrać? Która jest dobrze czytelna? Popularna? Która poprawnie wyświetla się na wszystkich przeglądarkach oraz urządzeniach? A może mamy swoją ulubioną? W tym artykule sprawdzimy, jakie mamy możliwości.

Na szczęście, motyw, z którego korzystamy, jest wyposażony w szeroki zakres narzędzi typograficznych, umożliwiających twórcom stron pełną kontrolę nad wyglądem tekstu. W tym artykule przyjrzymy się bliżej różnicom między czcionkami wbudowanymi, a zbiorem z Google Fonts, aż po niestandardowe.

Czcionki wbudowane w Divi

Zaczynając od początku, wbudowane czcionki są dostępne bezpośrednio w interfejsie Divi, co umożliwia użytkownikom łatwe wybieranie i stosowanie ich na swojej stronie internetowej. Podstawowych czcionek mamy do wyboru:

  • Arial
  • Georgia
  • Times New Roman
  • Trebuchet
  • Verdana

Z ciekawostek, czcionka Arial została zaprojektowana dla Microsoftu w 1982 roku, uznawana za bardziej nowoczesną i czystą alternatywę dla czcionek typu Times New Roman.

Niestandardowa czcionka w Divi? Jakie mamy możliwości?

Jednak wybór 5 wbudowanych czcionek nie jest jakiś spektakularny, dlatego twórcy umożliwili rozbudowanie tej listy o pozycje dostępne w Google Fonts. Ile zyskujemy w ten sposób możliwości? Divi, na chwilę obecną, zawiera 1601 czcionek, które są zgodne z kolekcją dostępną w Google Fonts. Ta liczba będzie rosła w miarę jak zbiór Google Fonts się powiększa.

Niestandardowa czcionka w Divi? Jakie mamy możliwości?

Co ważne czcionki z Google Fonts można wykorzystać zarówno w projektach internetowych, bez obaw o koszty, ponieważ wszystkie czcionki są darmowe i na otwartoźródłowej licencji.

Niestandardowa czcionka w Divi? Jakie mamy możliwości?

Jak wybrać idealną czcionkę wbudowaną?

Wybór idealnej czcionki wbudowanej w szablonie Divi nie powinien być przypadkowy. Musi odzwierciedlać charakter strony, a także zapewniać czytelność i estetykę. Nie bój się wybrać czcionki, która podoba się Tobie osobiście. Pamiętaj, że strona jest również odzwierciedleniem Twojego gustu i marki, którą reprezentuje.

Jeśli tworzysz stronę korporacyjną, czcionki takie jak Georgia czy Times New Roman będą odpowiednie, dzięki swojej elegancji i formalności. Dla nowocześniejszych projektów, czcionki bezszeryfowe jak Arial czy Verdana mogą nadać designowi lekkości i nowoczesności. Czcionki powinny być dobrze czytelne na różnych urządzeniach i przeglądarkach. Często wybierane czcionki są bezpiecznym wyborem, ponieważ ich popularność jest dowodem na uniwersalność i akceptowalność w różnych kontekstach.

Dodawanie czcionek niestandardowych do Divi

Dodawanie niestandardowych czcionek do Divi to prosty proces, który wymaga kilku kroków. Czcionki te muszą być w formacie TTF (TrueType Font) lub OTF (OpenType Font), co są standardowymi formatami dla większości czcionek. Możesz znaleźć niestandardowe czcionki na wielu stronach internetowych poświęconych typografii, takich jak Google Fonts, Font Squirrel czy MyFonts. Upewnij się, że czcionka posiada licencję pozwalającą na jej użycie w Twoim projekcie, szczególnie jeśli jest to strona komercyjna.

Gdy już wybierzesz i pobierzesz odpowiednią czcionkę, przechodzisz do panelu Divi w swojej witrynie WordPress. W Divi Builder otwórz ustawienia modułu tekstowego i przejdź do zakładki projektowania. Tam znajdziesz sekcję czcionek, a w niej opcję przesłania niestandardowej czcionki. Kliknij “Wybierz plik”, aby przesłać plik czcionki z twojego komputera. W oknie, które się pojawi, będziesz mógł nadać nazwę swojej czcionce dla łatwej identyfikacji.

Niestandardowa czcionka w Divi? Jakie mamy możliwości?

Następnie wystarczy kliknąć “Prześlij”, aby dodać czcionkę do swojego serwisu. Divi automatycznie zaktualizuje listę dostępnych czcionek, umożliwiając Ci wykorzystanie nowej czcionki w dowolnym miejscu na stronie. Warto wspomnieć, że po dodaniu, czcionka staje się dostępna w całym projekcie, co pozwala na zachowanie spójności stylu na różnych podstronach i elementach strony.

Dodatkowym atutem jest to, że Divi pozwala na wykorzystanie wszystkich wag czcionki, jeśli są one dostępne w pliku fontu, co daje duże możliwości personalizacji wyglądu tekstu. Dzięki temu można dostosować grubość i styl tekstu, aby idealnie pasował do charakteru witryny. Czcionki niestandardowe mogą nadać stronie unikatowy charakter i pomóc wyróżnić ją spośród innych.

Podsumowanie

Tworząc stronę w Divi, mamy duży wybór czcionek – od 5 klasycznych, wbudowanych, po 1601 dostępnych z bazy Google Fonts. Wybór czcionki powinien odzwierciedlać cel strony; dla formalnych treści dobieramy klasyczne, dla nowoczesnych – bardziej luźne. Dodanie niestandardowych czcionek to prosta czynność, dająca unikalny charakter serwisowi. Jednak należy czcionkę z takich źródeł, aby móc ją wykorzystywać legalnie.

Jeżeli macie inne pytania odnośnie tworzenia stron internetowych, administracji stron internetowych lub pozycjonowaniem stron śmiało piszcie do nas.

Mateusz Adamski

Mateusz Adamski

Frontend Developer, Specjalista SEO. Od 2009 roku zajmuję się pozycjonowaniem oraz optymalizacją stron internetowych. Od 2012 roku specjalizuję się w tworzeniu stron i sklepów internetowych opartych na systemach CMS WordPress oraz Prestashop. Posiadam dobrą znajomość HTML5, CSS3, Bootstrap. Dysponuję również dużym doświadczeniem z programami Adobe Photoshop, Dreamweaver oraz CorelDRAW. Prywatnie jestem dużym fanem fotografii oraz motoryzacji. Od 2013 roku udzielam się jako klubowicz oraz moderator ogólnopolskiego klubu motoryzacyjnego. Masz jakieś pytania? Napisz do nas.