HTML / CSS - Glyphicon Boostrap

Salve, per un progetto scolastico mi ritrovo a lavorare con bootstrap. Essendo stato ereditato da ragazzi dell'anno scorso, questo progetto ha già un codice da cui posso partire, e ho notato proprio in questo codice il loro utilizzo delle glyphicon di bootstrap. A prima vista sembrava un gioco da ragazzi. Sarebbe bastato inserire nell'attributo class di uno span "glyphicon glyphicon-play" e il simbolo play sarebbe apparso. Tristemente, non è così. Mi ritrovo con uno span vuoto e per l'icona play sono dovuto ricorrere a un codice trovato online su un sito a caso. Dunque, quale può essere il problema? Perché non mi viene visualizzata nessuna glyphicon? Ho inserito nella cartella fonts i 4 file delle glyphicon (.eot, .svg, .woff, .ttf) eppure non funziona. Non sono riuscito a trovare una guida che mi spieghi cosa devo farci con quei file. Inoltre ho anche incluso le librerie angular necessarie per far funzionare bootstrap. Cosa faccio quindi?

Probabilmente ti mancano le regole @font che vengono incluse con i CSS... w3schools.com/css/…

Angular? Bootstrap non dipende da angular e quindi non ti dovrebbe servire (a meno che il progetto non usa angular).

Si il progetto utilizza angular. Mi riferivo in particolare al fatto che ho trovato un file che si chiama ui-bootstrap-tpls-1.2.4.js. Ho provato ad aggiungere le regole @font ma ora visualizza solo un rettangolino con scritto dentro l'esadecimale della glyphicon (e072 per l'icona play). Ho provato allora ad aggiungere la seguente regole, vedendo sul link che mi hai dato tu e in giro per internet:

span {
	font-family: glyph;
}

.glyphicon-play:before {
	content: "\e072";
}

Ora ho un dubbio. Dato che ho aggiunto la seguente regola @font:

@font-face {
    font-family: glyph;
    src: url(font/glyphicons-halflings-regular.woff);
}

potrebbe essere un problema il fatto che il file si trovi nella cartella font? Insomma, queste glyphicon hanno deciso di non mostrarsi a me!