Może się wydawać, że najważniejsza jest treść strony, a wybór fontu ma znaczenie drugorzędne. Jednak to on w dużej mierze przyczynia się do wygody użytkowania strony, zwiększa czytelność i przystępność, a co za tym idzie, szanse na pomyślną konwersję. 

Wybierając fonty na swoją stronę internetową musisz wziąć pod uwagę nie tylko swoje subiektywne odczucia, ale też wartości, które prezentuje twoja firma i pewne kwestie techniczne. 

 

Podstawowe zasady doboru fontów na stronę

1. Sprawdź czy font posiada wszystkie znaki 

Banalna rzecz, a jednak nie wszyscy twórcy o niej pamiętają. Sprawdź czy font który wybierasz posiada wszystkie polskie znaki diakrytyczne. Łatwo o tym zapomnieć, zwłaszcza gdy chcemy skorzystać z domyślnego fontu w szablonie, a jako przykładowy tekst widzimy pozbawione polskich znaków lorem ipsum. Sprawdź koniecznie dostępność wszystkich znaków zanim wykupisz płatny font. Jeśli strona ma posiadać kilka wersji językowych pamiętaj o znakach dla każdego języka. 

 

2. Dopasuj font do wartości swojej firmy 

Zdefiniuj wartości swojej firmy i wybierz font który z nimi współgra. Przykłady? Fonty szeryfowe mają elegancki charakter i są często używane przez firmy które deklarują przywiązanie do tradycji i długie doświadczenie.  

Minimalistyczne fonty bezszeryfowe używane są często przez firmy określające się jako nowoczesne i idące z duchem czasu. Fonty bezszeryfowe mniej męczą oczy i sprawdzają się w dłuższych blokach tekstu. 

Typografia, font na stronę internetową

Fonty ozdobne są bardzo wyraziste i charakterystyczne. Używaj ich oszczędnie. 

Fonty skryptowe, imitujące pismo odręczne, przyciągają uwagę i mogą znaleźć zastosowanie w krótszych partiach tekstu takich jak opisy lub cytaty. 

 

3. Ogranicz się do maksymalnie 2-3 fontów 

Font podstawowy używany na przykład w nagłówkach. Font podstawowy będzie kojarzony z twoją marką i powinien pasować również do jej logo. 

Font dodatkowy używany w dłuższych blokach tekstu. Jego najważniejszą cechą jest czytelność. 

Font akcentujący powinien przyciągać uwagę użytkownika i być używany tylko w specjalnych miejscach, takich jak przyciski Call to Action

 

4. Sprawdź licencję fontu 

Upewnij się że licencja zezwala na użycie fontu na stronach internetowych. 

 

5. Sformatuj tekst. 

Dobierz odpowiedni kontrast i zdecyduj które partie tekstu powinny zostać pogrubione. Zadbaj o odpowiednie formatowanie tekstu i zróżnicuj rozmiar różnych sekcji tekstu (tytuły, podtytuły i tekst zwykły). 

 

Źródła darmowych fontów do użycia na stronach internetowych: 

https://fonts.google.com 

Widzisz interesujący font na stronie i chciałbyś wykorzystać go u siebie? Sprawdź do za pomocą wtyczki Chrome Fonts Ninja.

Powiązane artykuły

SXO — połączenie UX i SEO

24 mar 2022

Coraz częściej mówi się o konieczności połączenia działań z zakresu user experience (UX) i SEO. SXO, czyli Search Experience Optimization, to pojęcie, które odnosi się do łączenia tych dwóch dziedzin w celu uzyskania jak najlepszych wyników w organicznych wynikach wyszukiwania.

Tomasz Kozon

#web-design

related-article-image-statystyki, SXO — połączenie UX i SEO

Url - co to znaczy i jak poprawnie tworzyć url-e?

18 mar 2022

URL, czyli angielski skrót od "Uniform Resource Locator", to adres internetowy, który pozwala na odnalezienie określonej strony lub pliku na sieci. URL składa się z kilku elementów, takich jak protokół (np. http lub https), nazwa domeny (np. google.pl).

Tomasz Kozon

#web-design

Jak AMP (Accelerated Mobile Pages) wpływa na tworzenie stron internetowych? 

15 mar 2022

AMP (Accelerated Mobile Pages) to projekt opracowany przez Google, którego celem jest przyspieszenie wczytywania stron internetowych na urządzeniach mobilnych. W ostatnich latach coraz więcej osób korzysta z Internetu na swoich telefonach komórkowych, dlatego też AMP stał się ważnym elementem tworzenia stron internetowych.

Tomasz Kozon

#web-design

Strona www czyli World Wide Web - wszystko co musisz wiedzieć korzystając z internetu

11 mar 2022

Strona WWW, czyli World Wide Web, to jeden z najważniejszych elementów internetu. To dzięki niej mamy dostęp do niemal nieograniczonej ilości informacji, usług oraz rozrywki. Każdy z nas codziennie korzysta z różnych stron internetowych, nie zawsze zdając sobie sprawę z tego, jak działają i co tak naprawdę kryje się za ich powstaniem.

Tomasz Kozon

#web-design

Jak web 3 wpłynęło na projektowanie stron www? 

10 mar 2022

Web 3,to następna faza rozwoju sieci, która skupia się na ulepszeniu interakcji między ludźmi a danymi dostępnymi w sieci. Dzięki tej nowej generacji technologii, projektowanie stron internetowych staje się bardziej zaawansowane i skierowane na potrzeby użytkownika.

Tomasz Kozon

#blockchain

Dlaczego justowanie tekstu na stronach internetowych czy aplikacjach nie jest dobrym pomysłem?

7 mar 2022

Justowanie tekstu na stronach internetowych lub aplikacjach może wydawać się atrakcyjne pod względem estetycznym, jednak w rzeczywistości jest to rozwiązanie, które może prowadzić do poważnych problemów czytelniczych. Justowanie oznacza ustawienie tekstu na całej szerokości kolumny, co powoduje, że wersety są równej długości i nie ma przerw między słowami.

Tomasz Kozon

#web-design

Czym jest interface i dlaczego jest tak ważny w procesie projektowania aplikacji?

5 mar 2022

Interface to pojęcie, które odnosi się do interfejsu użytkownika, czyli sposobu, w jaki użytkownik komunikuje się z aplikacją. Interfejs użytkownika jest odpowiedzialny za prezentację informacji oraz udostępnianie narzędzi potrzebnych do wykonania określonych czynności.

Tomasz Kozon

#web-design

Zobacz wszystkie artykuły powiązane z #Web design