Шрифт є невід’ємною частиною веб-дизайну, надає сайту виразності, висловлює характерний стиль сайту і безпосередньо пов’язаний з візуальним сприйняттям текстів.
Нижче представлені декілька рекомендацій по використанню шрифтів:
- Комбінуйте шрифт із зарубками і шрифт без зарубок, щоб створити контраст. Чим більше стилі шрифтів не схожі один на одного, тим більше у вас шансів створити вдалу пару. Шрифти, які занадто однаково виглядають, погано виглядають разом. (Спробуйте сумістити Helvetica і Univers, щоб переконатися на прикладі, що це поганий варіант). Можна вибрати два шрифту з зарубками або два без зарубок для створення комбінації тільки в тому випадку, якщо вони радикально відрізняються один від одного.
- Використовуйте не більше 2 гарнітур. Це дасть вам до 8 шрифтів для роботи: нормальний, напівжирний, курсив і напівжирний курсив. Можна додати третій унікальний шрифт в дуже обмеженій кількості, наприклад, в заголовку журналу або в логотипі сайту.
- Уникайте вибору шрифтів з однієї категорії, наприклад, рукописні шрифти або бруски. (Шрифти Clarendon і Rockwell виглядають разом не дуже добре).
- Визначте кожному шрифту його завдання і дотримуйтеся її.
- Спробуйте шрифти з різних категорій, які мають однакову висоту малих знаків і ширину гліфів. (Наприклад, Futura разом з Times New Roman виглядають погано, тому що у них велика різниця між х-висотою і шириною.)
- Знайдіть будь-яке відношення між основними формами. Наприклад, подивіться на букву “О” в верхньому і нижньому регістрі. Круглі і овальні літери «О» не люблять один одного, тому їх краще не поєднувати.
- Порівняйте накреслення шрифтів: воно повинно бути різним. (Наприклад, Didot і Rockwell виглядати дуже погано разом з багатьох причин, але одна з головних – тому що вони обидва мають жирне накреслення).
- Використовуйте різну колірність. Простий спосіб перевірити колірність – це примружившись подивитися на блок з шрифтами: головне, щоб ваш дизайн не перетворювався на одну розмиту пляму, а зберігав візуальну ієрархію. Якщо обидва ваші зразка шрифтів приблизно однакового кольору, спробуйте пограти з розміром шрифту, міжрядковим інтервалом або кернінгом.
- Знайдіть розумний спосіб для створення контрасту. Збільште трекінг для одного шрифту і перевірте, як виглядає поєднання.
- Не нехтуйте тим, щоб використовувати різні шрифти з одного сімейства. Наприклад, можна вибрати Helvetica Black для заголовка і Helvetica normal для основного тексту.
- Використовуйте контраст виразних і нейтральних шрифтів. Якщо один шрифт має виразний характер (наприклад, жирний шрифтом), поєднуйте його з нейтральним шрифтом.
- Змініть розмір кегля. Поєднання шрифтів може не узгоджуватися, але якщо ви зміните розмір одного з шрифтів, все стане на свої місця.
- Уникайте змішування моноширинних шрифтів з пропорційними шрифтами.
- Не змішуйте настрій шрифтів. Безтурботний Gill Sans не захоче стояти поруч з діловим Didot, виглядати разом вони будуть погано. Поєднуйте два шрифти з однаковим або схожим настроєм.
- Слідкуйте за зручністю читання шрифту. Комбінації шрифтів повинні мати чіткі відмінності для того, щоб документ міг добре читатись. Якщо не вистачає контрасту, візуальна ієрархія порушується, і ролі, які ви призначили різним шрифтам не будуть зрозумілі.