Bootstrap-fügen Sie benutzerdefinierte Symbole, um glyphicon für die bootstrap-select

Zunächst einmal: ich habe gelesen, das Twitter bootstrap 3 erstellen Sie eine benutzerdefinierte glyphicon und fügen Sie glyphicon "schriftart", das half mir ein wenig, so weit, aber nicht ganz ins schwarze getroffen für das, was ich tun will.

So, ich möchte hinzufügen icons auf meiner Liste Boxen. Da bin ich schon mit Bootstrap-wählen Sie in dem moment, ich dachte, ich sollte gehen mit Ihrer option zum hinzufügen von glyphicons für jedes select-Feld.

https://silviomoreto.github.io/bootstrap-select/examples/#icons

<select class="selectpicker">
  <option data-icon="glyphicon-heart">Ketchup</option>
</select>

Dies funktioniert gut mit glyphicon Symbole, aber eigentlich möchte ich meine eigenen icons, die ich verwenden kann es. Nur das hinzufügen einer Icomoon icon-set hat nicht funktioniert so weit, weil die data-icon="glyphicon-xyz" wohl noch versucht, zu finden die Symbole in der bootstrap glyphicon-Datei.

Kann ich irgendwie die Erweiterung der Liste der glyphicons mit meinen eigenen oder vielleicht ersetzen?

Jede mögliche Hilfe würde geschätzt.

Cheers

Edit: ich fand auch diese Anleitung (https://www.sitepoint.com/customizing-bootstrap-icons-using-gulp/).

Der Autor spricht

@font-face {
  font-family: 'my-icons';
  src:url('fonts/my-icons.eot?-dp1fqh');
  /* other properties */
}

in der Glyphicon.weniger Datei, aber ich habe keine Erfahrung mit less und sass und meine Bootstrap Ordner enthalten nicht glyphicons.weniger - ich kann nur finden, die schriftart innerhalb der regelmäßigen bootstrap.css