Николай

for (var i = 0; i < thumbnails.length; i++) {
  thumbnails[i].addEventListener('click', function () { // Корень проблемы здесь.
    // Ты обьявляешь (не вызываешь!) в цикле анонимную функцию. При создании эта функция получает
    // ссылку на внешнее лексическое окружение, которым, в данном случае, является тело цикла for.
    // Когда функция вызывается, в своем лексическом окружении i она не находит, и продолжает поиск
    // во внешнем. К моменту вызова, цикл завершен, и i в его лексическом окружении равна thumbnails.length
    fullPhoto.src = photos[i];
  });
}

но насколько он верный?

$(document).on("click","[data-triger-class]",function(e){
        e.preventDefault();
        let target = $(this).data('triger-class');
        $('.'+target).addClass('new_class');
    });

var test = {success: "Корзина покупок обновлена!", total: "Товаров: 0 (0 руб.)"};
test.price = test.total.replace(/.*\((.*)\)/, '$1');
test.total = test.total.replace(/\(.*\)/, '');
console.log(test);

//[object Object] {
//  price: "0 руб.",
//  success: "Корзина покупок обновлена!",
//  total: "Товаров: 0 "
}

gulp.task('inlinesource', function () {
return gulp.src('./app/modules/**/gb*.+(html)') - здесь нужно выбрать только те файлы имя которых начинается с gb. Например gb-info.html
.pipe(inlinesource())
.pipe(gulp.dest('./dist/'));
})

[[*id:is=`5`:then=`

[[getImageList?
&tvname=`yes`
&tpl=`yes-no`
]]

`]]

• Убедись что реально шрифт поддерживает латиницу!
  
• Сгенери на https://transfonter.org/
  
• Скачай архив после генерации и проверь там есть отображение если все четко то подключи!
  

-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';