Poradnik tworzenia stron internetowych – jak dobrać font na stronę www?

Tekst jest bardzo ważnym elementem Twojej strony internetowej. To właśnie on przedstawia Twoje usługi, prezentuje ofertę i pokazuje korzyści, a przez to zachęca klientów do rezerwacji wizyty online i wpływa na sprzedaż.

Nie spełni on jednak żadnego z tych celów, jeśli nie zostanie przez Twojego odbiorcę przeczytany. A nawet bardzo ciekawy, angażujący i poprawnie napisany tekst może zniechęcać do czytania samym swoim wyglądem.

Dlatego kluczowe jest, by zadbać o wizualną stronę Twojego tekstu. Musi być on czytelny, wygodny w odbiorze i nie może męczyć wzroku. Jednym słowem, musi się przyjemnie czytać.

Jak uzyskać taki efekt? Przede wszystkim poprzez wybór odpowiedniego fontu. Czym jest font? Wiele osób błędnie utożsamia go z czcionką. Tymczasem:

  • Czcionka to fizyczny zapis liter wykorzystywany w druku.
  • Krój pisma to zaprojektowany przez kogoś kształt znaków.
  • Font to komputerowy zapis kroju pisma – np. „Calibri” lub „Times New Roman”.

Zmieniając font, wpływamy na wygląd i styl zapisu wszystkich zaznaczonych liter, wyrazów i zdań. Opcji do wyboru mamy całe mnóstwo. Jak wybrać tą idealną? Oto garść wskazówek.

Wybierz odpowiedni typ kroju

Pierwszą decyzją, jaką musisz podjąć, jest określenie, jakiego typu kroju (stylu) chcesz użyć. Masz do dyspozycji trzy główne rodzaje:

  • Szeryfowe – charakteryzują się ozdobnymi szeryfami (dodatkowymi, krótkimi liniami) zarówno na dole, jak i na górze liter. Dzięki temu wzrok płynnie prześlizguje się pomiędzy znakami i mniej się męczy podczas długotrwałego czytania. Przykładem takiej kroju jest „Times New Roman”.
  • Bezszeryfowe – Proste i pozbawione szeryfów. Dzięki temu bardziej czytelne, co sprawia, że wykorzystywane są często do nagłówków i pojedynczych haseł reklamowych. Przykładem takiego kroju jest „Arial”.
  • Skryptowe i odręczne – Bardziej ozdobne, stylizowane na ręczny charakter pisma. Wykorzystywane do pojedynczych napisów i w wyjątkowych sytuacjach.  

Wśród których z typów należy szukać idealnego fontu dla opisów na Twoją stronę internetową? Badania wykazują, że na ekranach najwygodniej czyta się kroje bezszeryfowe. Przyczyną jest prawdopodobnie efekt wygładzania krawędzi (antyaliasing effect), który pogarsza czytelność czcionek szeryfowych na ekranach.

Zwróć uwagę na czytelność

Pamiętaj, że font na Twojej stronie internetowej musi być przede wszystkim czytelny. Nie piękny, nie oryginalny, nie ozdobny, ale właśnie czytelny. To absolutna podstawa. Twoim odbiorcom musi się wygodnie czytać Twój tekst. Inaczej nie dotrwają do końca i nie dowiedzą się, jaką ofertę dla nich przygotowałeś.

Dlatego, szukając swojego fontu, skup się na wygodzie czytelnika. Sprawdzaj wygląd liter i porównuj, jak prezentują się one na Twojej stronie. Zwracaj uwagę na odmiany krojów, grubość i szerokość znaków czy odległości między literami.

Jak ustaliliśmy wcześniej, wybieraj spośród krojów bezszeryfowych. Być może będzie Cię kusiło, żeby do pojedynczych haseł lub nagłówków wykorzystać bardziej ozdobne fonty. Lepiej tego unikać. Mogą się one niewyraźnie wyświetlać na przykład na starszych ekranach.

Sprawdź, czy wyświetlają się polskie znaki

Nie wszystkie fonty dostosowane są do znaków specjalnych, występujących w języku polskim. Może się okazać, że w miejscu np. „Ć”, „Ą” czy „Ź” wyświetlać się będą puste kwadraty lub też inne dziwne symbole.

Jest to o tyle istotne, że często wygląd fontów sprawdza się na losowych zdaniach lub łacińskiej sentencji „Lorem Ipsum”. W takim wypadku łatwo przeoczyć brak polskich znaków (lub innych znaków specjalnych, jeśli umieszczasz tekst w różnych językach) i nieprzyjemnie się rozczarować podczas dodawania treści na stronę.

Dlatego, wybierając font, warto sprawdzać jego wygląd od razu na fragmentach Twojego tekstu oraz zweryfikować, czy wszystkie potrzebne Ci znaki specjalne są przez ten font obsługiwane.

Zadbaj o spójność

Jeśli planujesz zastosować na swojej stronie różne fonty, musisz koniecznie sprawdzić, czy będą one spójnie ze sobą wyglądały. Uważaj, bo inny krój liter może łatwo rozproszyć odbiorcę i wybić go z rytmu czytania.

Dlatego ogranicz liczbę fontów, które zastosujesz na swojej stronie internetowej. Nie zmieniaj ich też w obrębie jednego bloku tekstu. Jeśli już, wykorzystaj je do wyróżniania ważnych fragmentów, nagłówków lub cytatów.

Zachowaj jednak spójność i umiar. Nie staraj się na siłę urozmaicić wyglądu swojego tekstu. Prostota sprzyja czytelności – dlatego spokojnie możesz ograniczyć się tylko do jednego fontu na całej stronie.

Upewnij się, że możesz użyć danego fontu

Pamiętaj, że wybrany przez Ciebie font jest dziełem i jako takie podlega zapisom ustawy o prawach autorskich i prawach pokrewnych. W związku z tym, abyś mógł z niego skorzystać, musisz mieć odpowiednie podstawy.

Większość programów udostępnia fonty wraz z licencjami do ich użytkowania. Jedyne, co musisz zrobić, to sprawdzić zakres danej licencji. Niektóre z nich nie zawierają zapisów pozwalających na wykorzystanie fontu w celach komercyjnych, reklamowych, czy na stronach www. W takim wypadku nie będziesz mógł skorzystać z wybranego fontu.

Kwestią licencji musisz się przejmować tylko jeśli tworzysz stronę samodzielnie lub przygotowujesz grafiki przy pomocy zewnętrznych programów. W przypadku, gdy korzystasz z internetowego kreatora (np. z Calendesk) nie musisz się tym przejmować. Ze wszystkich fontów, które masz udostępnione w kreatorze, możesz swobodnie korzystać.

Podsumowanie

Dobrze dobrany font może w znacznym stopniu wpłynąć na skuteczność Twojej strony internetowej. Poświęć więc chwilę i przejrzyj dostępne opcje. Sprawdź, jak wyświetlają się poszczególne litery i czy dobrze komponują się na Twojej stronie. Zwracaj uwagę na znaki specjalne, brak szeryfów oraz licencję.

Nie bój się eksperymentować i testować różnych rozwiązań. Zawsze pamiętaj jednak, że kluczowa jest czytelność i wygoda Twojego klienta. Ułatw mu przeczytanie Twojego tekstu, a znacznie chętniej zapozna się on z Twoją ofertą i umówi się na wizytę.

Nie zapominaj też o samej treści i innych elementach Twojej strony. Sprawdź pozostałe wpisy Poradnika Tworzenia Stron Internetowych od Calendesk: