Deeno

https://developer.mozilla.org/en-US/docs/Web/API/F...
https://usefulangle.com/post/12/javascript-going-f....

JavaScript 
  Gulp && WebPack
  Angular || Vue.js || React.js 
  postgresql
  Node.js
  ? JQUERY
  ? mongodb

Для чего составлять такую подборку? Вы просто перечислили практически все книги на русском по JS. При чем однотипные.
Большинство из них описывают одно и тоже. Я прочитал почти все из этого списка. По опыту могу сказать, что читать всю подборку не нужно.
Посоветовал бы прочитать книгу Ильи Кантора и книгу "Javascript для профессиональных веб-разработчиков", автор Николас Закас вроде.(Вместо второй можно прочитать Фленагана. Подробное руководство., но Заказ мне больше нравится, по моему мнению гораздо лучше объясняются многие вещи). Две эти книги, достаточно объемные и информативные, всю основу прекрасно преподносят.
Также посоветовал бы книгу по оптимизации производительности, автор также Николас Закас и любую книгу по регулярным выражениям, но это уже после некоторой практики. А также книгу "Веб-приложения на JavaScript". Сам ее только вот начну читать, но по содержанию и отзывам достаточно хорошая.

Достаточно будет чтобы довольно хорошо освоиться в языке.
Не нужно читать однотипные книги. С 3 по 6 включительно пункты не стоит читать. Только зря потратите время.

ООП объясняется в первых двух книгах которые я упомянул. Также книга про паттерны - largescalejs.ru/.

Но главное не просто читать а повторять все примеры и выполнять все задания, попутно придумывания задания для себя самому. Чем больше практики, тем лучше будет откладываться информация в голове и будет намного лучшее понимание что да как.
Я читать некоторые книги по несколько раз, потому что не сильно парился сначала о практике, просто читал, выполнял некоторые задания, по ходу было понятно, но через главу, уже все забывалось... Поэтому практикуйте, практикуйте и еще раз практикуйте.
Удачи в обучении!

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

@font-face {
    font-family: 'Room';
    src: url('../fonts/Room.eot');
    src: local('☺'), 
         url('../fonts/Room.woff') format('woff'),
         url('../fonts/Room.ttf') format('truetype'),
         url('../fonts/Room.svg') format('svg');
    font-weight: normal;
    font-style: normal; 
}

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