безпечні шрифти

Починаючи верстати макет, необхідно зокрема вказати в CSS використовуються на сторінці шрифти. Найчастіше різними шрифтами дизайнер набирає не лише основний текст сторінки, а й різноманітні заголовки, логотипи, вензелі.

  1. Шрифти, які без проблем відобразяться у переважної більшості користувачів.
  2. Шрифти, які у досить великої групи користувачів відсутні.

Можна сказати, що небезпека застосування прийому безпосередньо залежить від ймовірності зміни тексту. Тому робити, наприклад, загальний текст сторінки нестандартними шрифтами можна! Грамотний дизайнер так ніколи не вчинить. А якщо дизайнер попався зелений, хороший верстальник просто зобов'язаний виправити його помилку - в верстці підмінити даний шрифт максимально схожим стандартним.

Але як же відрізнити шрифти першої групи від другої? Ясно що на набір шрифтів, встановлений безпосередньо на твоєму комп'ютері спиратися не можна! Давайте розбиратися.

стандартні шрифти

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

Це властивість специфицирует пріоритетний список імен сімейств шрифтів і / або назв родових сімейств. Згідно зі специфікацією CSS2 є два типи імен сімейств шрифтів:

  1. Ім'я сімейства шрифтів на вибір. Наприклад «Times new Roman», «Arial» та інші. Імена сімейств шрифтів, що містять пробіли, повинні полягати в лапки. Якщо лапки відсутні, будь-які символи пробілу до і після імені шрифту ігноруються, а будь-яка послідовність пробілів всередині імені шрифту конвертується в одиночний пробіл.
  2. Родове (загальне) сімейство. У специфікації визначені наступні родові сімейства:
    • serif - шрифти із зарубками на кінцях;
    • sans-serif - шрифти без зарубок;
    • cursive - шрифти курсивного накреслення;
    • fantasy - декоративні шрифти;
    • monospace - моно шрифт (з буквами однакової ширини).

Імена родових сімейств є ключовими словами і не обов'язково повинні полягати в лапки.

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

Але не все так просто. Покопаємо детальніше.

У пошуках Web-безпечних шрифтів

В інтернеті історично склалося таке поняття як «безпечні» Web-шрифти. Безпечним шрифтом можна назвати такий шрифт, який є стандартним для всіх операційних систем. Оскільки про такий стан справ залишається тільки мріяти, то абсолютно безпечних шрифтів не існує!

Окремі шрифти можна назвати безпечними з деякими застереженнями.

Основою для визначення «безпечних» шрифтів послужили шрифти найбільш поширеною операційної системи Windows, які крім того використовуються в інших ОС. Прикладом такого використання служить вже згадуваний пакет шрифтів Core fonts for the Web, який, згідно зі статистикою, скачало безліч користувачів Unix / Linux.

У цей пакет входять наступні шрифти: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Всі вони підтримують кирилицю, що важливо для рунета.

У набір шрифтів входять в стандартну поставку Mac OS X (ця ОС має найбільшого поширення серед користувачів Mac OS) входять всі шрифти набору Core fonts for the Web.

Таким чином на основі шрифтів Windows, що використовуються в інших ОС сформувався наступний список так званих «безпечних» Web-шрифтів:

  1. Arial
  2. Arial Black
  3. Comic Sans MS
  4. Courier New
  5. Georgia
  6. Impact
  7. Times New Roman
  8. Trebuchet MS
  9. Verdana

Шрифт Webdings містить набір піктограм, тому не може використовуватися для контенту. Andale Mono не отримує широкого застосування, оскільки погано годиться для повсякденного читання тексту з екрану і є не у всіх користувачів Windows.

Всі ці шрифти є у кожного користувача Windows, Mac OS X і у переважної більшості користувачів Unix / Linux (тобто у тих, які встановили у себе пакет Core fonts for the Web).

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

Шрифти підтримують кирилицю

Специфічною особливістю рунета є проблема з кодуваннями сторінок і підтримкою кирилиці в шрифтах. Щоб не виникало проблем з різноманітними кодуваннями символів, розумні люди придумали Unicode. який дозволяє поєднувати в одному шрифті символи кількох мов. Таким чином для російськомовних сторінок потрібно використовувати тільки Unicode шрифти підтримують кирилицю.

Нижче наведена таблиця відповідностей шрифтів.

Крім того, що в таблиці враховуються шрифти Unix / Linux, там ще після звичайного Helvetica йде якийсь дивний значок CY. Давайте розбиратися, що ж це таке!

До виходу Mac OS X ця лінійка мала таке значення: для користувачів Windows відображаємо сторінку Arial, для користувачів Mac OS 9 - стандартним шрифтом Helvetica, а решта бачать сторінку з системним шрифтом без зарубок, налаштованим за замовчуванням у браузері. Але знову ж таки важливий нюанс! У стандартного Mac OS 9 шрифту Helvetica немає кирилиці! Для російськомовної сторінки це означало наступне: для користувачів Windows відображаємо сторінку Arial, для користувачів Mac OS 9 - стандартним шрифтом Helvetica, який виводить нечитаемую інформацію, а інші бачать сторінку з системним шрифтом без зарубок, налаштованим за замовчуванням у браузері.

Для правильного відображення цього набору у користувачів Mac OS 9 замість некіріллізірованной Helvetica, має сенс вказувати такий же стандартний для Mac OS 9 шрифт Helvetica CY, що містить кирилицю.

Прочитання лінійок після виходу Mac OS X змінилося. Тепер для Windows / Mac OS X вказується один загальний стандартний шрифт. А якщо ми хочемо, щоб задум дизайнера змогли побачити користувачі Mac OS 9, для них потрібно в лінійці шрифтів прописати шрифт містить кирилицю.

Таким чином хоча і не існує безпечних шрифтів, існують безпечні лінійки шрифтів. Їх ще називають шрифтовими CSS стеками. У ці лінійки крім стандартних шрифтів Windows / Mac OS X можна включати також еквівалентні шрифти з стандартного набору Mac OS 9 (яка не містить за замовчуванням «безпечних» шрифтів) і поширених шрифтів Unix / Linux.

Будь-верстальник рано чи пізно стикається з моментом, коли дизайнер використовує в макеті шрифт, який не входить до переліку «безпечних» ;. Але це ще не привід бити на сполох! Наприклад, дизайнери дуже часто використовують на макетах шрифт Tahoma, який не входить до цього переліку. Правильно побудована лінійка шрифтів відкриває можливість використовувати не тільки Tahoma, а й інші шрифти. Все більша кількість дизайнерів користуються цією можливістю і грамотний верстальник повинен про це знати.

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