Czcionki dla webdewelopera: gdzie ich szukać i jak z nich korzystać?

Krój, kolor i rozmiar czcionki to – obok kształtu menu – najważniejsze elementy wpływające na użyteczność strony internetowej. Font powinien być przede wszystkim prosty, a także dopasowany do specyfiki serwisu. To pierwsze zapewnia czytelność, to drugie zwiększa spójność. Specjaliści od usability zalecają wykorzystywanie maksymalnie popularnych czcionek. Dzięki temu webdeweloper ma gwarancję, że jego witryna będzie wyglądała tak samo na każdym komputerze.

Czcionkowa użyteczność

Wśród najpopularniejszych fontów dostarczanych wraz z systemem operacyjnym Windows można wymienić Arial, Arial Black, Courier New, Georgia, Tahoma, Times New Roman, Verdana oraz MS Serif i Sans Serif. Większość stron WWW korzysta z tych czcionek. Dominuje pogląd, że w Internecie – inaczej niż w publikacjach drukowanych – lepiej sprawdzają się kroje bezszeryfowe takie jak Arial czy Verdana.

Podczas badań przeprowadzonych przez psychologów z Uniwersytetu Michigan okazało się, że osoby otrzymujące programy ćwiczeń fizycznych lub przepisy kulinarne napisane nietypową, mało czytelną czcionką uważają zaprezentowane wyzwania za dużo trudniejsze w realizacji. Ludzie tacy sądzili, że ukończenie zadań zajmie im dużo więcej czasu – w porównaniu z ankietowanymi, którzy dostali kartki zadrukowane Arialem.

Nietypowe fonty

Korzystanie z niestandardowych fontów niesie ze sobą więc duże ryzyko. Jeśli użytkownik nie posiada danej czcionki witryna nie będzie wyglądać tak, jak powinna. Gdy webdeweloper rzeczywiście musi zastosować nietypowy krój – na przykład w tytułach lub śródtytułach – musi zdefiniować w kodzie HTML alternatywne fonty. Może również umieścić czcionki do pobrania na stronie – wygląda to jednak nieprofesjonalnie.

Nietypowe kroje wykorzystuje się głównie w graficznych elementach witryny. Jeśli twórca umieszcza przy górnym menu ozdobny baner ze zdjęciem oraz tytułem serwisu może zastosować mało znany font. Grafika zawsze będzie wyglądała tak samo – pod warunkiem, że została prawidłowo osadzona w witrynie. To właśnie tutaj webdeweloper powinien maksymalnie dopasować czcionkę do tematyki strony. Użytkownik traktuje bowiem ten element jak wizytówkę.