Bootstrap: glyphicon custom

[hercull]

Voici e qui se trouve dans le bootsrap.css pour glyphicon :

Code :

@font-face {

 font-family: 'Glyphicons Halflings';

 src: url('../fonts/glyphicons-halflings-regular.eot');
 src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), 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';
 font-style: normal;
 font-weight: normal;
 line-height: 1;

 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
 content: "\2a";
}
.glyphicon-plus:before {
 content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
 content: "\20ac";

je confirme il y a bien des fichier .eot , .woff, .woff2, .ttf...
mais les images ne sont pas dans le fichier css, c'est seulement les règles.

Donc si je veux faire appel à mes images par une class je dois créer cette class dans le fichier css en lui donnant le liens de l'image?
Cela fonctionnera peut être pour une seul image dans un png, mais si c'est une image png avec 40 images à l’intérieur comme des sprit comment faire?


Voici le lien : http://checkmonbulletin.fr/notation/index.php