Twoja witryna WordPress może mieć najpiękniejszy projekt, jaki można sobie wyobrazić, ale jeśli wybrane czcionki są trudne do odczytania, nic innego nie ma znaczenia.

Wybór czcionek o unikalnym wyglądzie może początkowo wydawać się świetnym pomysłem, ale zawsze najlepiej zastanowić się, jak twoje wybory wpływają na czytelność – szczególnie dla osób, które wolą skanować treści internetowe.

Good looking fonts can enhance the look and feel of your site.
Dobrze wyglądające czcionki mogą poprawić wygląd witryny.

Bez odpowiednich czcionek najważniejszy element witryny – opowiadanie historii-może wyjść z szału, a odwiedzający szybko odejdą po sfrustrowaniu tym, czego nie mogą przeczytać ani zrozumieć.

Jeśli chcesz, aby odwiedzający przewijali w dół, aby przeczytać więcej, klikali więcej linków lub stron, subskrybowali lub kupili twój produkt, chcesz, aby było to dla nich jak najprostsze.

W tym artykule omówimy, dlaczego wybór czcionki jest ważny, skąd można uzyskać czcionki i kilka naszych ulubionych wyborów typograficznych.

4 proste wskazówki dotyczące wyboru czcionek dla witryny WordPress

Zanim przejdziesz do najbardziej uznanych wyborów czcionek przyjaznych dla WordPressa, rozważ wzięcie pod uwagę następujących ważnych wskazówek:

1. Użyj czcionek, które odzwierciedlają nastrój i osobowość Twojej witryny

Artykuł IANA Yatesa na temat Tuts+ przypomina, że czcionki mają osobowość, tak jak ludzie. Tak więc, jeśli Twoja strona jest skierowana do młodego tłumu i ma w sobie dużo humoru, prawdopodobnie możesz uciec od używania dziwaczniej wyglądających czcionek. Z drugiej strony, jeśli próbujesz przekazać swoją wiadomość z autorytatywnego punktu widzenia, lepszym pomysłem może być użycie bardziej tradycyjnej czcionki.

2. Używaj kombinacji różnych czcionek (ale nie przesadzaj)

Łączenie czcionek to świetny sposób na rozróżnienie różnych obszarów witryny, ale użycie zbyt wielu może łatwo zmylić czytelników. Możesz używać czcionek, które mają przeciwny wygląd, takich jak bardzo cienka czcionka w połączeniu z czcionką pogrubioną, ale unikaj kombinacji, które są zbyt różne i kolidują ze sobą po złożeniu. Możesz też wybrać czcionki z tej samej rodziny i eksperymentować z różnymi stylami i wagami.

3. Wybierz Czcionki, Które Zachowują Swój Wygląd Na Różnych Typach Ekranu

Nie wszystkie czcionki mają gwarancję, że będą wyglądać tak samo w każdej przeglądarce internetowej, komputerze, smartfonie lub tablecie, więc rozważ przeglądanie zawartości witryny z jak największej liczby różnych przeglądarek lub urządzeń. Istnieje wiele bezpłatnych narzędzi online, których możesz również użyć do testowania wyświetlania czcionek na różnych ekranach.

4. Preferuj Bardziej Powszechne Czcionki Niż “Modniejsze”

Spędzanie zbyt dużej ilości czasu na zabawie z czcionkami nie powinno być konieczne. Jeśli wypróbujesz zbyt wiele różnych typów czcionek, z których żadna nie wydaje ci się zadowalająca, wybierz czcionkę, która nigdy się nie starzeje. Wiele z nich będzie miało pełniejsze zestawy ciężarów, z których możesz również skorzystać.

Gdzie znaleźć czcionki dla witryny WordPress

Istnieje pozornie nieskończona ilość czcionek, które można znaleźć w całej sieci, ale popularnym wyborem są Czcionki Google. Dostępne są setki całkowicie darmowych czcionek. Doświadczenie użytkownika jest fantastyczne, oferując podgląd wszystkich dostępnych czcionek (z opcją zmiany tekstu zastępczego). A gdy będziesz gotowy, Google wypluje kod potrzebny do zaimportowania czcionek do użycia w ramach motywu WordPress (lub alternatywnie możesz użyć wtyczki easy Google Fonts opisanej poniżej).

Jeśli Google Fonts nie spełnia Twoich oczekiwań, istnieją inne strony, takie jak FontSquirrel, które pozwalają pobierać darmowe czcionki do użytku w Twojej witrynie WordPress. MyFonts to kolejne miejsce, w którym warto szukać, jeśli chcesz zapłacić za wysokiej jakości czcionki.

Google fonts are open source and free to use.
Czcionki Google są open source i są bezpłatne.

10 Najlepszych Czcionek Google

Aby zachować prostotę i skupić się na bardzo małej garści czcionek w Internecie, poniżej przedstawiliśmy wybór czcionek Google. Jeśli jednak chcesz używać czcionek z dowolnego miejsca, istnieje wiele świetnych wtyczek, które pozwolą Ci łatwo dostosować czcionki w swojej witrynie WordPress.

  • Open Sans

    Open Sans to humanistyczna czcionka bezszeryfowa. Wyposażony w “pionowy stres i otwarte formy” (według Google), jest obecnie najpopularniejszą dostępną czcionką Google. Jest to również jedna z najbardziej wszechstronnych czcionek, które możesz wybrać, zoptymalizowana pod kątem interfejsów drukowanych, internetowych i mobilnych.

    Jeśli chcesz stworzyć przyjazną i zachęcającą atmosferę na swojej stronie, nie możesz się pomylić z tą czcionką.

    Sugerowane parowanie z otwartymi bez

    • Roboto
    • Oswald
    • Open Sans Condensed
    • Merriweather
    • Lato
    • Źródło: Sans Pro
    • Raleway
    • Indie Flower
    • Montserrat

    Zainteresowany Open Sans?

    Szczegóły
  • Roboto

    Czujesz, że tekst na twojej stronie przydałby się trochę bardziej kręty? Więc może Roboto jest czcionką dla ciebie. Czcionka została zaprojektowana tak, aby zapobiec sztywności rytmu dla zniekształconych liter, pozwalając im raczej dopasować się do ich naturalnej szerokości. Użyj go na swojej stronie, aby promować naturalny rytm czytania.

    Sugerowane parowanie z Roboto:

    • Open Sans
    • Lato
    • Oswald
    • Źródło: Sans Pro
    • Raleway
    • PT Sans
    • Open Sans Condensed
    • Roboto Skondensowany
    • Droid Sans
    • Roboto Slab

    Zainteresowany Roboto?

    Szczegóły
  • Lato

    Lato to czcionka bezszeryfowa, która została pierwotnie zaprojektowana jako zestaw czcionek korporacyjnych. Kiedy projektant zdecydował się pójść w innym kierunku i udostępnić go publicznie, chciał, aby był “przezroczysty” w tekście ciała, ale zachowywał niektóre z jego oryginalnych cech, gdy został zwiększony. Ta elegancka czcionka daje zarówno ciepłe uczucie dzięki zastosowaniu półokrągłych detali, jak i odrobinę powagi ze względu na mocną strukturę.

    Sugerowane parowanie z Lato:

    • Open Sans
    • Oswald
    • Roboto
    • Indie Flower
    • Źródło: Sans Pro
    • Gloria Hallelujah
    • Raleway
    • PT Sans
    • Montserrat

    Zainteresowany Lato?

    Szczegóły
  • Oswald

    Oswald jest czcionką bezszeryfową, która została zainspirowana i ponownie zaczerpnięta z oryginalnego alternatywnego gotyckiego kroju pisma. Dlaczego? Lepiej wyglądać w świecie zdominowanym przez cyfrowe ekrany. Jest przeznaczony do stosowania we wszystkich przeglądarkach, komputerach stacjonarnych, laptopach i urządzeniach mobilnych. Ta czcionka nadaje witrynie klasyczny, historyczny i wyrafinowany wygląd-w dużej mierze różni się od niej węższym odstępem między literami niż wiele innych popularnych czcionek.

    Sugerowane parowanie z Oswaldem:

    • Open Sans
    • Lato
    • Indie Flower
    • Roboto
    • Open Sans Condensed
    • Pacifico
    • Merriweather
    • Płyta Josefin
    • Special Elite
    • Droid Sans

    Zainteresowany Oswaldem?

    Szczegóły
  • Slabo 27px

    Próbujesz sprzedać coś na swojej stronie? Jeśli tak, rozważ użycie Slabo jako preferowanego wyboru czcionki. Jest to kolekcja dostosowana do rozmiaru (13px i 27px), która idealnie nadaje się do celów reklamowych w Internecie. Slabo 27px wygląda świetnie w połączeniu z Oswaldem.

    Sugerowane parowanie z Slabo 27px:

    • Open Sans
    • Roboto
    • Lora
    • Lato
    • Open Sans Condensed
    • Oswald
    • Źródło: Sans Pro
    • Gloria Hallelujah
    • Montserrat
    • Roboto Skondensowany

    Zainteresowany Slabo 27px?

    Szczegóły
  • Lora

    Jeśli chodzi o wybór eleganckiej czcionki do tekstu, Lora jest doskonałym wyborem. Ma bardziej zapadający w pamięć wygląd niż inni, ze względu na jego Szczotkowane krzywe wynikające z jego kaligraficznych korzeni. Jest to idealna czcionka do opowiadania historii lub strona, która ma na celu wywołanie artystycznego stylu. Krzywizna tej konkretnej czcionki naprawdę pomaga odróżnić ją od niektórych innych, zapewniając wystarczający kontrast od serif.

    Sugerowane parowanie z Lora:

    • Open Sans
    • Roboto
    • Oswald
    • Lato
    • Homar
    • PT Sans
    • Raleway
    • Arvo
    • Droid Sans
    • Źródło: Sans Pro

    Zainteresowany Lora?

    Szczegóły
  • Raleway

    Jeśli naprawdę chcesz spróbować bardziej fantazyjnie wyglądających czcionek na swojej stronie, Raleway jest jednym z nich, na który powinieneś spojrzeć. Ten sans serif miał mieć jedną cienką wagę i od tego czasu został rozszerzony o kolejne osiem. Ponieważ jest to Twarz wyświetlacza, idealnie nadaje się do stosowania w większych rozmiarach. Użyj go wokół sekcji witryny, w których chcesz dodać elegancji.

    Sugerowane parowanie z Raleway:

    • Open Sans
    • Lato
    • Roboto
    • Oswald
    • Droid Sans
    • Droid Serif
    • Homar
    • Źródło: Sans Pro
    • Montserrat
    • PT Sans

    Zainteresowany Raleway?

    Szczegóły
  • Płyta Josefin

    Dla geometrycznego, skandynawskiego stylu czcionek, który niemal odtwarza wygląd podobny do maszyny do pisania, jest Josefin Slab. Projektant kładł duży nacisk na znaki diakrytyczne i przyznał, że stąd wzięła się pochyła część litery “e”.

    Jest to czcionka, która jest również nieco oparta na kroju Letter Gothic. Możesz być zaskoczony tym, jak wiele bardziej kreatywnych i dziwniejszych czcionek możesz sparować z tą czcionką.

    Sugerowane parowanie z płytą Josefin:

    • Open Sans
    • Oswald
    • Merriweather
    • Pacifico
    • Special Elite
    • Amatic SC
    • Szkic Kabiny
    • Open Sans Condensed
    • Allura
    • Fryderyka Wielka

    Zainteresowany Josefin Slab?

    Szczegóły
  • Arvo

    Arvo jest trochę trudne do wyjaśnienia pod względem wibracji, którą wydziela, ponieważ wydaje się być trochę mieszane. Jest to geometryczny sitodruk przeznaczony zarówno do ekranów cyfrowych, jak i do druku, o “monolinearnym” wyglądzie, co oznacza, że ma zarówno pionowe, jak i poziome pociągnięcia o tej samej wadze.

    Jeśli chcesz dodać subtelny odcień kontrastu do czytelności treści witryny, może to zrobić. Jest to również preferowana czcionka do czytania w systemie Mac OS X.

    Sugerowane parowanie z Arvo:

    • Oswald
    • Lato
    • PT Sans
    • Droid Sans
    • Roboto
    • Homar
    • Ubuntu
    • Raleway
    • Vollkorn
    • Open Sans

    Zainteresowany Arvo?

    Szczegóły
  • Merriweather

    Szukasz czegoś, co jest po prostu łatwe do odczytania i nie jest otwarte? Merriweather Promuje przyjemne czytanie na ekranach cyfrowych, jednocześnie nadając tekstowi odrobinę stylu i charakteryzuje się łagodnym ukośnym naciskiem, solidnymi serifami i otwartymi formami. Wybierz ten, gdy chcesz dodać tylko szczyptę sukienności, ale wolisz zachować wystarczającą łatwość i prostotę czytania.

    Sugerowane parowanie z Merriweather:

    • Open Sans
    • Oswald
    • Pacifico
    • Płyta Josefin
    • Open Sans Condensed
    • Special Elite
    • Skrypt Wodorostów
    • Francois One
    • Amatic SC
    • Szkic Kabiny

    Zainteresowany Merriweather?

    Szczegóły

Instalowanie Czcionki

EasyGoogleFonts

Jest to łatwiejsze niż kiedykolwiek, aby rozpocząć korzystanie z któregokolwiek z powyższych sugerowanych czcionek (lub którykolwiek z innych setek czcionek Google dostępnych) z wtyczką easy Google Fonts. Po pobraniu go za darmo, przesłaniu go do wtyczek i aktywowaniu go, możesz zacząć bawić się czcionkami od razu z Personalizatora.

W panelu administracyjnym WordPress przejdź do Wygląd > Dostosuj.

Easy Google Fonts

Będziesz mógł zacząć eksperymentować z dowolną liczbą czcionek Google Typografia opcja w module dostosowywania, która pojawia się po lewej stronie podglądu witryny. Kliknij na Typografia Domyślna aby rozpocząć przeglądanie czcionek z rozwijanego menu i wybierając te, które chcesz dla akapitów i nagłówków.

Możesz także uzyskać dostęp do ustawień wtyczki z powrotem w panelu administracyjnym WordPress, gdzie możesz tworzyć własne kontrolki czcionek, aby uzyskać jeszcze bardziej spersonalizowany wygląd. Pojawią się one również w podglądzie dostosowywania i możesz zobaczyć, jak wszystko będzie wyglądać, zanim je zapiszesz.

Wrapping Up

To było oczywiście bardzo szybkie i proste podsumowanie tego, jak możesz używać dziesięciu najpopularniejszych czcionek Google, ale jest tak wiele innych, które współpracują z WordPress, aby Twoja witryna wyglądała niesamowicie.

Jakie są niektóre z Twoich ulubionych czcionek (od Google lub innych) i jak je sparować? Daj nam znać w komentarzach poniżej.

Tagi:

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd “nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

9 Najlepsze Darmowe Wtyczki WordPress Author Bio Box

W artykule: 1. Simple Author Box2. Branda3. Autor postu WP4. Author Bio…