Blade

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

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

Оформление заголовков часто делают контрастным оформлению основного текста, т.е. если текст набран шрифтом без засечек, заголовок набирают шрифтом с засечками и наоборот.

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

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

ИМХО (я не дизайнер)

Просто запомнить. Когда в школе в прошлом веке учили писать пером, специально учили рисовать на конце линий красивые точечки.

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

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

Согласен, читать стало менее удобно. А еще неудобства вызывают комментарии в q&a — непонятная полоска слева и все на одном уровне.