Незважаючи на те, що загальна кількість шрифтів налічує десятки тисяч, у web-майстрів вибір дуже обмежений. Якщо встановити на сайт унікальний шрифт, то у більшості користувачів він просто не з’явитися. Тому при виборі текстового оформлення необхідно враховувати деякі особливості.
Шрифти не вбудовуються в сторінки сайту. Вміст коду просто вказує, що користувачеві потрібно відображати те чи інше оформлення. При цьому досвідчені верстальники вказують відразу декілька відповідних варіантів. Якщо одного шрифту немає – здасться іншого.
Також оформлення іноді змінюється в залежності від пристрою. Наприклад, можна настроїти так, щоб мобільним користувачам він показував один шрифт (більш компактний і читається на маленьких екранах), а власникам планшетів іншого.
При цьому дизайн не повинен бути дуже різноманітним. У більшості книг по юзабіліті інтернет ресурсів говориться, що оптимально використовувати 3 різних шрифтів на сайті. Якщо їх більше, дизайн виглядає занадто негармонійно.
Оптимальні варіанти
Для контенту краще обирати шрифти без зарубок (гротески). На екранах і моніторах вони сприймаються набагато краще. Шрифти із зарубками (антиква) використовуються переважно в заголовках або друкованих матеріалах.
Найбільш популярними варіантами є Arial, Trebuchet десятого кегля для основного вмісту та Georgia, Times New Roman дванадцятого кегля для заголовків. Це обумовлено їх широкою розповсюдженістю та зручністю читання. А ось Impact і Comic Sans, незважаючи на популярність, використовувати не рекомендується.
Ще один вдалий варіант – це шрифт Verdana. Візуально він схожий на Arial, але має більш тонкий контур. Майте на увазі, що цей шрифт за замовчуванням встановлюється тільки на пізніх версіях Windows і Mac OC, тому обов’язково вказуйте заміну.
Використання шрифтів
У різних текстових вставках (цитування, рекомендації і т. д.) краще використовувати альтернативний шрифт. Використання однакового текстового оформлення у всіх блоках виглядає непрофесійно.
Не змінюйте міжрядковий і міжбуквений інтервал. Навіть якщо текст вийшов занадто довгим і візуально займає багато місця, краще все залишати так, як є. В іншому випадку ви отримаєте пост, який дуже складно прочитати.
Краще не використовувати синій колір для виділення значимих моментів, так як він асоціюється з посиланнями, і користувачі, напевно, захочуть за нього натиснути. Також уникайте будь-яких інших виділень кольором, якщо тільки на це не заснований дизайн.
Ні в якому разі не використовуйте скрипти, що дозволяють завантажувати зайві графічні елементи. По-перше, це позначиться на швидкості завантаження сторінки. По-друге, ви ніколи не зможете передбачити правильність установки шрифту у користувача. По-третє, далеко не всі відвідувачі сайту захочуть отримати такий подарунок. В-чотирьох, збільшиться навантаження на сервер.
Якщо вам все-таки необхідно використовувати красивий шрифт, то краще переконвертуйтє текст в зображення і в такому вигляді залийте на сайт.
