Розробка web сайтів, шрифти для web

Всім привіт! Сьогодні в рамках рубрики про веб-дизайн хочу розповісти про шрифти, які слід використовувати при розробці web сайту.

Але використовувати в дизайні сайту можна тільки шрифти, які є у майбутніх відвідувачів сайту. Це робиться для того, щоб сторінки відображалися коректно у всіх користувачів, з різними операційними системами та браузерами. Інакше якщо використовувати не стандартні шрифти, більшість відвідувачів побачить все по-різному і в більшості випадків у непривабливому вигляді. Тому рекомендується використовувати стандартні шрифти, які наведені нижче у списку. До списку шрифтів входять шрифти, встановлені на операційній системі Windows XP і вище.

У цій статті я не розглядаю шрифти з інших операційних систем. Досвідчений верстальник повинен знати зіставлення шрифтів у різних операційних системах, і під час верстки він пропише цей момент у css-стилях.

В основному розробляючи контентну частину дизайну використовуються два різновиди шрифтів:

  • шрифти із засічками
  • рубані шрифти (шрифти без засічок)

Шрифти із засічками - (англ. serif - засічка) шрифти накреслення яких починається і закінчується штрихами. Наприклад, Times New Roman.

Шрифти без засічок (рубані шрифти) - (англ. sans-serif -без засічки) шрифти зі строгими рівними лініями без засічок. Наприклад, Arial.

Нижче Ви можете побачити скріншот шрифтів із засічкою та без.

сайтів

Шрифти для веб-дизайну:

  • Arial
  • Arial Black
  • Arial Narrow
  • Book Antiqua
  • Century Gothic
  • Comic Sans MS
  • Courier New
  • Franklin Gothic Medium
  • Georgia
  • Impact
  • Lucida Console
  • LucidaSans Unicode
  • Microsoft Sans Serif
  • Palatino Linotype
  • Sylfaen
  • Tahoma
  • Times New Roman
  • Trebuchet MS
  • Verdana
  • Webdings (різні символи та знаки)
  • Wingdings (різні символи та знаки)

Також хочеться помітити такий момент як відсутність курсиву у ряду шрифтів, замість курсиву в них використовується нахил, через що текст стає погано читабельним.

розробка

Зі стандартних шрифтів у Windows не мають курсиву:

  • Arial Black
  • Comic Sans MS
  • Franklin Gothic Medium
  • Impact
  • Lucida Console
  • Lucida Sans Unicode
  • Microsoft Sans Serif
  • Sylfaen
  • Tahoma

Раз вже заїкнувся про шрифти, які не мають курсиву, то за одне хочеться відзначити і той факт, що є шрифти, які спочатку є шрифтами з жирним накресленням. З цих причин застосування стилів, що вказують на жирний шрифт, немає сенсу, тому що в результаті ми отримаємо не те, що потрібно.

Зі стандартних шрифтів у Windows мають жирне зображення спочатку:

  • Arial Black
  • Impact
  • Lucida Console
  • Lucida Sans Unicode

Також є шрифти, в яких відсутнє жирне та нормальне зображення.

Кілька статей про шрифти:

На цьому начебто все, що я хотів розповісти. Виходячи з вищесказаного, можна зробити висновки, що потрібно дуже ретельно робити підбір шрифтів. Оскільки від цього залежить читабельність текстів.