Разработка: Таблица группировки шрифтов в CSS

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

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

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

Шрифт	...	Информация
		Широко используемый шрифт без засечек, разработанный в 1957 швейцарским проектировщиком шрифта Максом Мидинджером и Эдуардом Хоффманом. Шрифт идет в комплекте шрифтов для Mac OS. font-family: Helvetica, 'Helvetica Neue' 'Arial Narrow', sans-serif;
		Широко используемый на Mac Os и iOS шрифт без засечек, разработанный в 1983 проектировщиком шрифта Вольфгангом Шимпфом и Райнхардом Хаусом. Шрифт идет в комплекте шрифтов для Mac OS. font-family: 'Helvetica Neue Medium', Helvetica, 'Arial Narrow', sans-serif;
		На мой взгляд самый популярный шрифт без засечек, прямой конкурент для Helvetica. font-family: Arial, Helvetica, sans-serif;
		Менее популярен нежели Arial.Не используйте его с font-weight:bold; Этот шрифт сам по себе достаточно жирный! font-family: "Arial Black", Arial, sans-serif;
		Для этого шрифта очень сложно подобрать аналог, а главное, нужно ли его использовать вообще... font-family: "Comic Sans MS", cursive;
		Шрифт, имитирующий стиль печатной машинки. В наше время полностью устарел и встречается редко. Рекомендуется использовать «Courier New». font-family: "Courier New", Courier, monospace;
		Древний шрифт, предок Helvetica. Интересен в качестве музейного экспоната. font-family: Geneva, "MS Sans Serif", sans-serif;
		Шрифт с засечками. Разработан в Microsoft для использования в интернете. Рассчитан на четкое и читаемое отображение в малом размере. Очень похож на Times New Roman. font-family: Georgia, Times New Roman, serif;
		Системный шрифт MS Windows, использовался для диалоговых окон, системных сообщений и т. д. font-family: "MS Sans Serif", Geneva, sans-serif;
		Немасштабируемый, моноширинный системный шрифт DOS или интерфейса командной строки. font-family: Terminal, monospace;
		Это — безусловно наиболее распространенный шрифт в Сети. Являлся шрифтом по умолчанию в большинстве браузеров. font-family: "Times New Roman", Times, serif;
		Возможно, самый удобочитаемый из шрифтов без засечек, разработанный в Microsoft для использования на экране. Однако, Verdana не должен использоваться бок о бок со схожими шрифтами того же размера, потому что Verdana зрительно кажется больше по размеру. font-family: Verdana, Arial, Helvetica, sans-serif;