“Вебдванольщики” критикуют шрифты с засечками. Оно и понятно, без засечек на экране буквы легче читаются. Шрифты с засечками предназначены для печати. Скорей всего Лебедев с ними не согласен.

Я соглашусь на половину. Шрифты без засечек прекрасно удобно использовать в качестве шрифта для основного текста, ссылок и всего того, что пишется мелким шрифтом. Шрифты же с засечками удобно использовать для заголовков. Причём как прописные так и строчные буквы.

Первые два заголовка (Arial, Trebuchet MS) выглядят очень топорно. Последние два (Times New Roman, Georgia) — более эффектно и приятно. Нет эффекта громоздкости.

Не рекомендую: выделять заголовки жирным шрифтом. Жирный шрифт предназначен для выделения какой-то части текста, чтобы акцентировать на нём внимание читателей. Заголовки от текста должны отличаться размером. Заголовки большого размера выделенные жирным шрифтом выглядят размазано, занимают много места и производят перевешивающий эффект.

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

Конечно, я не призываю к однозначности, но при выборе шрифта для заголовка стоит согласовать это с общим дизайном сайта.

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

Monotype

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

Напоследок

Хочу порекомендовать дизайнерам и верстальщикам, при разработке дизайна комментариев на блоге или в новостях, необходимо учитывать ширину текстового поля для ввода комментариев и шрифт используемый в нём. Комментирующему всегда гораздо удобнее ориентироваться по реальным размерам колонки комментариев. Где-то нужно перенести текст, например, чтоб ссылка была без переноса, где-то нужно что-то разметить, например цитату или код. Если шрифт в текстовом поле будет отличаться от того, который используется для отображения комментариев, то эффект выравнивания комментария может быть весьма неожиданным и не всегда пользователь отнесётся к этому равнодушно.

Ничего более быстрого не нашёл, как взять пример с моего блога.