Группы шрифтов и как правильно их использовать


В наше время существует множество шрифтов в различных форматах, годных для встраивания на страницу, причем бесплатно. Существуют специальные хостинги шрифтов, благодаря которым встроить нужный шрифт занимает от силы две-три минуты. Причем сам процесс интеграции такого шрифта, немногим сложнее чем сменить статус в социальной сети.

Тем не менее даже сейчас нельзя просто так взять и указать один шрифт для элемента страницы. Всегда необходимо продумывать связку шрифтов. Причин для этого достаточно много начиная от того, что браузер клиента может не поддерживать форматы веб-шрифтов (хотя, это маловероятно в современном мире) и заканчивая вопросами кросс-браузерного отображения (подмена шрифта отсутствующего в системе аналогичным по начертанию).

Для того чтобы постоянно не держать в голове сходные шрифты, я пользуюсь специальной таблицей которую нашел несколько лет назад в вебе. Беру на себя труд перевести ее и дополнить своими соображениями специально для вас, читателей моего блога. Ссылочка на оригинал будет в самом конце статьи.

 
Шрифт...Информация
Helvetica Regular Macintosh

Широко используемый шрифт без засечек, разработанный в 1957 швейцарским проектировщиком шрифта Максом Мидинджером и Эдуардом Хоффманом. Шрифт идет в комплекте шрифтов для Mac OS.

font-family: Helvetica, 'Helvetica Neue' 'Arial Narrow', sans-serif;

Helvetica Neue Macintosh

Широко используемый на Mac Os и iOS шрифт без засечек, разработанный в 1983 проектировщиком шрифта Вольфгангом Шимпфом и Райнхардом Хаусом. Шрифт идет в комплекте шрифтов для Mac OS.

font-family: 'Helvetica Neue Medium', Helvetica, 'Arial Narrow', sans-serif;

Arial MS Internet Explorer

На мой взгляд самый популярный шрифт без засечек, прямой конкурент для Helvetica.

font-family: Arial, Helvetica, sans-serif;

Arial Black MS Internet Explorer

Менее популярен нежели Arial.Не используйте его с font-weight:bold; Этот шрифт сам по себе достаточно жирный!

font-family: "Arial Black", Arial, sans-serif;

FontName MS Internet Explorer

Для этого шрифта очень сложно подобрать аналог, а главное, нужно ли его использовать вообще...

font-family: "Comic Sans MS", cursive;

Courier (Mac scalable)
Courier New
Macintosh
Windows

Шрифт, имитирующий стиль печатной машинки. В наше время полностью устарел и встречается редко. Рекомендуется использовать «Courier New».

font-family: "Courier New", Courier, monospace;

Geneva Macintosh

Древний шрифт, предок Helvetica. Интересен в качестве музейного экспоната.

font-family: Geneva, "MS Sans Serif", sans-serif;

Georgia MS Internet Explorer

Шрифт с засечками. Разработан в Microsoft для использования в интернете. Рассчитан на четкое и читаемое отображение в малом размере. Очень похож на Times New Roman.

font-family: Georgia, Times New Roman, serif;

MS Sans Serif Windows

Системный шрифт MS Windows, использовался для диалоговых окон, системных сообщений и т. д.

font-family: "MS Sans Serif", Geneva, sans-serif;

Terminal (9 pt.)
Terminal (12 pt.)
Terminal (14 pt.)
Windows

Немасштабируемый, моноширинный системный шрифт DOS или интерфейса командной строки.

font-family: Terminal, monospace;

Times New Roman MS Internet Explorer

Это — безусловно наиболее распространенный шрифт в Сети. Являлся шрифтом по умолчанию в большинстве браузеров.

font-family: "Times New Roman", Times, serif;

Verdana MS Internet Explorer

Возможно, самый удобочитаемый из шрифтов без засечек, разработанный в Microsoft для использования на экране. Однако, Verdana не должен использоваться бок о бок со схожими шрифтами того же размера, потому что Verdana зрительно кажется больше по размеру.

font-family: Verdana, Arial, Helvetica, sans-serif;

Текст переведен, доработан и подчищен от устаревшей информации, Оригинал находится тут

Желаю удачи во всех начинаниях.

Советую Надежный хостинг и регистратор доменных имен


комментарии: