Erweiterte Glyphicons in Bootstrap verwenden

Mit Bootstrap werden kostenlose Icons von Glyphicons mit ausgeliefert. Der Ersteller dieser Icons bietet über diese kostenlosen Icons noch ein erweitertes Set an. Mit folgenden Schritten habe ich diese Schriften eingebunden. Zuerst die Schriften an die richtige Stelle kopieren. Da ich wie hier beschrieben Anpassungen an Bootstrap mit Less vollziehe müssen noch die Less Dateien kopiert und eingebunden werden

Schritt 1 Schriften und Less Datein an die richtige Stelle

cd /glyphicons_pro/glyphicons/web/html_css/fonts
cp glyphicons-regular.* target/bootstrap/fonts
cd /glyphicons_pro/glyphicons/web/html_css/less
cp social.less target/bootstrap/

Schritt 2: Die neue Less Datei in die angepasste Bootstrap Definition einbinden

vi custom1/custom-bootstrap.less 
@import "../../../../var/www/dev-server/html/templates/xtc5/bootstrap/custom-variables.less";

Schritt 3: Die Bootstrap.css neu bauen

lessc custom-bootstrap.less > /var/www/dev-server/html/templates/xtc5/bootstrap/css/bootstrap.css

Danach kann man die neuen Fonts wie die anderen Bootstraps Glyphicons einbinden

3.8.14 Weitere Beiträge zu: Glyphicons Bootstrap

Dies ist ein privater Blog von Hagen Bauer- berufstätiger Vater, Ehemann, Naturliebhaber, Läufer, Zelter, technikverliebt.


Creative Commons License
This blog is licensed under a Creative Commons License