Эти книги по веб-дизайну, в которых не рекомендуются шрифты с засечками, были написаны как минимум 5-8 лет назад и раньше, а в то время еще не существовало «ретина»-экранов и самым популярным разрешением экранов было 1024×768. При этом было модно рисовать трехколоночные сайты и, чтобы туда поместился хоть какой-то контент, основной текст приходилось делать размером 10—14px.
На таких размерах (а если еще и без сглаживания) шрифты с засечками выглядели грязно и напрягали зрение.
Сейчас хорошей практикой считается размер основного текста делать не менее 16px. На размерах от 16px и выше и с субпиксельным сглаживанием шрифты с засечками выглядят хорошо, а на размерах от 20px даже лучше шрифтов без засечек.
Посмотрите на theguardian.com — основной шрифт 16px с засечками, а подписи к картинкам 12px без засечек. У bloomberg.com основной шрифт 18px, а мелкие тексты без засечек.
В общем, рекомендации из книг уже устарели, потому что изменились наши экраны.
