Как подключить в проект иконки Bootstrap?

Где нужно прописывать путь до иконок Bootstrap, чтобы они начали отображаться на HTML-странице. Подключаю так (предполагается, что слева на кнопке должна быть картинка стрелочки, указывающей влево: ):

<button class="Main_Button" href="#">
   <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> 
   Back
</button>

В CSS-файле:

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('themes/base/glyphicons') format('png');
    /*src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');*/
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-arrow-left:before {
    content: "\e091";
}

Все картинки лежат по адресу: ~/Content/themes/base/glyphicons.