Александр

Либо перекинуть на сборщик, либо на какой-нить image cdn если нужно трансформить в рантайме

если у вас структура на flexbox, условно

<main class="main">
<header></header>
<div class="content"></div>
<footer class="footer"></footer>
</main>

то можно сделать так

.main {
display: flex;
flex-direction: column;
}

.footer {
margin-top: auto;
}

m.vk.com/away.php?to=https%3A%2F%2Fwebref.ru%2Fdev...

Внизу уделяется внимание как подружить галп и пхп;)

$("#slider-range").slider({
      range: true,
      min: 0,
      max: 500,
      values: [ 75, 300 ],
      slide: function( event, ui ) {
//здесь выводятся значения при передвиж. ползунка
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
      }
    });
//значение по дефолту
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
        " - $" + $( "#slider-range" ).slider( "values", 1 ) );

можете покапаться здесь
http://jquery.page2page.ru/index.php5/Ползунок_UI

скорее всего в файле alexander.css есть все подключения шрифтов, мне кажется достаточно будет подрубить этот файл на своем сайте