it-swarm.com.de

Bootstrap 3 Glyphicons funktionieren nicht

Ich habe bootstrap 3.0 heruntergeladen und kann die Glyphicons nicht zum Laufen bringen. Ich bekomme eine Art "E003" -Fehler. Irgendwelche Ideen, warum das passiert? Ich habe es sowohl lokal als auch online versucht und habe immer noch das gleiche Problem.

347
scooterlord

Ich habe diese alte Frage von mir durchgesehen und da ich in den Kommentaren angegeben habe, was bis jetzt die richtige Antwort sein sollte, denke ich, dass ich es auch verdiene.

Das Problem lag in der Tatsache, dass Glyphicon-Font-Dateien, die vom Bootstrap-Tool heruntergeladen wurden, nicht mit denen identisch waren, die von der Umleitung auf der Bootstrap-Homepage heruntergeladen wurden. Diejenigen, die funktionieren, wie sie sollten Diejenigen, die unter folgendem Link heruntergeladen werden können:

http://getbootstrap.com/getting-started/#download

Jeder, der Probleme mit alten, fehlerhaften Customizer-Dateien hat, sollte die Schriftarten über den obigen Link überschreiben.

21
scooterlord

Ich hatte das gleiche Problem und konnte keine Informationen darüber finden, außer in den versteckten Kommentaren auf dieser Seite. Laut Chrome wurden meine Schriftdateien einwandfrei geladen, aber die Symbole wurden nicht richtig angezeigt. Ich mache dies zu einer Antwort, damit es hoffentlich anderen hilft.

Mit den Schriftdateien, die ich aus dem Customizer-Tool von Bootstrap 3 heruntergeladen habe, ist ein Fehler aufgetreten. Um die richtigen Schriftarten zu erhalten, gehen Sie zu Bootstrap-Homepage und laden Sie die vollständige ZIP-Datei herunter. Extrahieren Sie die vier Zeichensatzdateien von dort in Ihr Zeichensatzverzeichnis, und alles sollte funktionieren.

473
Jeff

Hinweis für Leser: Lesen Sie unbedingt @ user2261073s Kommentar und @ Jeffs Antwort bezüglich eines Fehlers im Customizer. Es ist wahrscheinlich die Ursache für Ihr Problem.


Die Schriftartdatei wird nicht richtig geladen. Überprüfen Sie, ob sich die Dateien am erwarteten Speicherort befinden.

@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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

Wie von Daniel angegeben, könnte es sich auch um ein Mimetyp-Problem handeln. Die Entwickler-Tools von Chrome zeigen heruntergeladene Schriftarten auf der Registerkarte "Netzwerk" an:

chrome network tab font download

230
user247702

In meinem Fall habe ich eine 404 für glyphicons-halflings-regular.woff erhalten und nicht sichtbar Glyphicons in mobilen Browsern.

Es sieht so aus, als wäre der MIME-Typ für woff verwirrend, da mehr als ein MIME-Typ von verschiedenen Browsern akzeptiert wird, aber das W3C sagt :

application/font-woff

Bearbeiten: Nach dem Testen funktioniert der folgende MIME-Typ für Woff derzeit auf allen Browsern:

application/x-font-woff

Bearbeiten: Die aktuellste Version von Bootstrap (3.3.5) verwendet .woff2-Schriftarten mit dem gleichen anfänglichen Ergebnis wie .woff, das W3C noch definiert die Spezifikation , aber im Moment Der MIME-Typ scheint zu sein:

application/font-woff2
76
D.Rosado

- Wenn Sie der Antwort mit der höchsten Bewertung gefolgt sind und sie immer noch nicht funktioniert:

Der Ordner FontMUSS auf derselben Ebene wie Ihr CSS-Ordner sein. Den Pfad in bootstrap.css korrigieren wird nicht funktionieren.

Bootstrap.css muss zum Fonts Ordner navigieren gena so:

@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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
53
CrazyPaste

Wenn die anderen Lösungen nicht funktionieren, können Sie versuchen, Glyphicons von einer externen Quelle zu importieren, anstatt sich darauf zu verlassen, dass Bootstrap alles für Sie erledigt. Um dies zu tun:

Sie können dies entweder in HTML tun:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

Oder CSS:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css")

Dank an edsiofi aus diesem Thread: Bootstrap 3 Glyphicons CDN

44
Chris Tudor

Azure-Websites fehlen aus MIME-Konfiguration. Sie müssen folgenden Eintrag in web.config hinzufügen

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
        </staticContent>
    </system.webServer>
</configuration> 
18
Anton Kalcik

Wie bei @Stijn beschrieben, ist der Standardspeicherort in Bootstrap.css falsch, wenn dieses Paket von Nuget installiert wird.

Ändern Sie diesen Abschnitt folgendermaßen:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('Content/fonts/glyphicons-halflings-regular.eot');
  src: url('Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), url('Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('Content/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
15
dball

Falls jemand anderes hier gelandet ist und Bootstrap> = v4.0 verwendet: Glyphicon-Unterstützung wird gestrichen

Der relevante Teil aus den Release Notes:

Die Glyphicons-Symbolschrift wurde entfernt. Wenn Sie Symbole benötigen, sind einige Optionen:

die vorgelagerte Version von Glyphicons

Octicons

Font Awesome

Quelle: https://v4-alpha.getbootstrap.com/migration/#components

Wenn Sie Glyphicons verwenden möchten, müssen Sie diese separat herunterladen.

Ich persönlich habe Font Awesome ausprobiert und es ist ziemlich gut. Das Hinzufügen von Symbolen ähnelt der Glypicon-Methode:

<i class="fas fa-chess"></i>
14
Caner

IIS verarbeitet standardmäßig keine .woff -Dateien, daher müssen Sie in IIS einen <mimeMap> -Eintrag zu Ihrer web.config -Datei hinzufügen.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
        </staticContent>
    </system.webServer>
</configuration>
8
Steve Cooper

Ich habe meine less variables.less-Datei geändert. Ich habe die Variable geändert

@icon-font-path:          "fonts/";    

das original war

@icon-font-path:          "../fonts/"; 

Es verursachte ein Problem

7
Cesar Hernandez

Sie können diese Codezeile hinzufügen und fertig.

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

Vielen Dank.

6

Dies liegt an der falschen Codierung in bootstrap.css und bootstrap.min.css. Wenn Sie Bootstrap 3.0 vom Customizer herunterladen, fehlt der folgende 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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

Da dies der Hauptcode für die Verwendung von Glyphicons ist, ...

Laden Sie die CSS-Dateien aus dem Gesamtpaket herunter und dieser Code wird implementiert.

6
prinsen

Dies war der Grund, warum die Icons für mich nicht auftauchten:

* {
    arial, sans-serif !important;
}

Nachdem ich diesen Teil meines CSS entfernt habe, hat alles so funktioniert, wie es sollte. Das! Wichtige war das, was Ärger verursachte.

6
Jo Smo

Haben Sie alle unten aufgeführten Dateien in Ihrem Schriftartenverzeichnis?

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
6
Vicky

Nachfolgend ist aufgeführt, was das Problem für mich behoben hat. Ich habe den Fehler "Bad URI" in der Firebug-Konsole erhalten. Die Symbole wurden als E ### angezeigt. Ich musste eine .htaccess-Datei in mein 'fonts'-Verzeichnis einfügen. <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> Mögliches Duplikat von: Herunterladbare Schriftart in Firefox: Ungültiger URI oder standortübergreifender Zugriff nicht zulässig

5
Aaron

Dies ist ein sehr langer Dreh, aber es war mein Fall und da ist es noch nicht da.

Wenn Sie Twitter Bootstrap aus SASS mit gulp-sass oder grunt-sass kompilieren, z. node-sass. Stellen Sie sicher, dass Ihre Knotenmodule auf dem neuesten Stand sind, insbesondere wenn Sie an einem veralteten Projekt arbeiten.

Es stellt sich heraus, dass seit einiger Zeit die SASS-Direktive @at-root in der Definition von @font-face in Glyphicons verwendet wird, siehe https://github.com/twbs/bootstrap-sass /blob/b01ab4942233bd7316a0634472e1243b13fb9f46/assets/stylesheets/bootstrap/_glyphicons.scss .

Der gotcha hier ist der node-sass dh. libsass unterstützt die Direktive @at-root nicht, wenn sie zu alt ist. Wenn dies der Fall ist, erhalten Sie einen @font-face, der in einen @at-root eingebunden ist, mit dem der Browser keine Ahnung hat, was er tun soll. Dies hat zur Folge, dass keine Schrift heruntergeladen wird und Sie wahrscheinlich Müll anstelle von Symbolen sehen.

5

Ein anderes Problem/eine andere Lösung könnte in folgendem Bootstrap 2.x-Code bestehen:

<button class="btn" ng-click="open()"><i class="icon-calendar"></i></button>

und bei der Migration basierend auf Anleitung (.icon-* ---> .glyphicon .glyphicon-*):

<button class="btn btn-default" ng-click="open()"><i class="glyphicon-calendar"></i></button>

sie vergessen, die Symbolklasse (mit der Schriftreferenz) hinzuzufügen:

<button class="btn btn-default" ng-click="open()"><i class="glyphicon glyphicon-calendar"></i></button>
5
TWiStErRob

Hier ist, was in der offiziellen Dokumentation zu Schriften steht, die nicht gerendert werden.

Beim Ändern des Speicherorts für Symbolschriftarten Bootstrap wird davon ausgegangen, dass sich die Symbolschriftarten im Verhältnis zu den kompilierten CSS-Dateien im Verzeichnis ../fonts/ befinden. Wenn Sie diese Schriftdateien verschieben oder umbenennen, müssen Sie das CSS auf drei Arten aktualisieren: Ändern Sie die Variablen @ icon-font-path und/oder @ icon-font-name in den Quelldateien Less. Verwenden Sie die vom Less-Compiler bereitgestellte Option für relative URLs. Ändern Sie die URL () - Pfade im kompilierten CSS. Verwenden Sie die für Ihr spezifisches Entwicklungssetup am besten geeignete Option.

Andernfalls haben Sie möglicherweise den Ordner fonts nicht in das Stammverzeichnis kopiert

4
gates

Hinweis: Das folgende Szenario ist wahrscheinlich ein Nischenszenario, aber ich wollte es weitergeben, falls jemand anderes es nützlich finden sollte.

In einem Rails Projekt verwenden wir ein Juwel, das eine Rails Engine ist, mit bootstrap-sass. Im Hauptprojekt war alles in Ordnung, mit Ausnahme der Pfadauflösung für Glyphicon-Schriften.

GET http://0.0.0.0:3000/fonts/bootstrap/glyphicons-halflings-regular.woff 404 (Not Found) 

Wir haben festgestellt, dass $bootstrap-sass-asset-helper während der Auflösung false war, als wir damit gerechnet haben, dass es wahr ist, also war der Pfad anders.

Wir haben den $bootstrap-sass-asset-helper im Engine-Gem folgendermaßen initialisiert:

// explicit sprockets import to get glyphicon font paths correct
@import 'bootstrap-sprockets';
@import "bootstrap/variables";

z.B. Dadurch wurde der Pfad folgendermaßen aufgelöst:

/assets/bootstrap/glyphicons-halflings-regular.woff

Auch dies sollte in keinem normalen Rails -Projekt mit bootstrap-sass erforderlich sein. Wir verwenden zufällig viele Ansichten erneut, und das hat für uns funktioniert. Hoffentlich kann dies jemand anderem helfen.

4
kross

ich hatte einen box width code\e094 für glyphicon-arrow-down, in der tat habe ich das problem gelöst, indem ich glyphicon in der css klasse wie folgt hinzufügte:

<i class="glyphicon  glyphicon-arrow-down"></i>

wenn es jemandem helfen könnte ...

Ich hatte dieses Problem und es wurde von der variables.less-Datei verursacht. Das Überschreiben, um den Symbol-Schriftart-Pfad-Wert festzulegen, löste das Problem.

Die Datei sieht folgendermaßen aus:

\Content
        \Bootstrap
        \Fonts
 styles.less
 variables.less

Durch Hinzufügen meiner eigenen variables.less-Datei im Stammverzeichnis des Inhalts und durch Verweisen auf diese Datei in styles.less wurde der 404-Fehler behoben.

Variables.less enthält:

@icon-font-path:          "fonts/";
3
Aaron

Stellen Sie zum Beispiel sicher, dass Sie die Schriftfamilie nicht zu sehr spezifizieren

*{font-family: Verdana;}

entfernt die Halbling-Schrift von i-Elementen.

3
S..

Ich habe Bootstrap von NuGet. Als ich meine Seite veröffentlichte, funktionierten die Glyphen nicht.

In meinem Fall habe ich es funktioniert, indem ich die Build-Aktion für jede der Schriftdateien auf "Inhalt" und für sie auf "Immer kopieren" gesetzt habe.

3
Eric

Ich hatte das gleiche Problem, bei dem der Browser die Schriftartdateien nicht finden konnte, und mein Problem war auf Ausschlüsse in meiner .htaccess-Datei zurückzuführen, bei denen es sich um Whitelist-Dateien handelte, die nicht zur Verarbeitung an index.php gesendet werden sollten. Da die Schriftartdatei nicht geladen werden konnte, wurden die Zeichen durch BLOB ersetzt.

RewriteCond %{REQUEST_URI} !\.(jpg|png|gif|svg|css|js|ico|rss|xml|json)$
RewriteCond %{REQUEST_URI} !-d
RewriteRule ^ index.php [L,QSA]

Wie Sie sehen, werden Dateien wie Bilder, RSS und XML vom Umschreiben ausgeschlossen, aber die Schriftartdateien sind .woff und .woff2, sodass diese ebenfalls zur Whitelist hinzugefügt werden müssen.

RewriteCond %{REQUEST_URI} !\.(jpg|png|gif|svg|css|js|ico|rss|xml|json|woff|woff2)$
RewriteCond %{REQUEST_URI} !-d
RewriteRule ^ index.php [L,QSA]

Durch Hinzufügen von woff und woff2 zur Whitelist können die Schriftdateien geladen werden, und die Glyphicons sollten dann ordnungsgemäß angezeigt werden.

3
worldofjr

Ich habe die Schriftart von bootstrap.css mit Strg + C, Strg + V umbenannt und es hat funktioniert.

2
Lanlan82

Was für mich funktioniert hat, war das Ersetzen von Routen von:

@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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

zu

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('/assets/glyphicons-halflings-regular.eot');
  src: url('/assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('/assets/glyphicons-halflings-regular.ttf') format('truetype'),
  url('/assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
2
Tabi Vicuna

Sie müssen in dieser Reihenfolge festlegen:

<link rel="stylesheet" href="path/bootstrap.min.css"> 
<style type="text/css"> 
     @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.woff') format('woff'),  
     url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
     url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } 
</style>
2
nenad

So fügen Sie das Symbol in bootstrap 3 ein

<span class="glyphicon glyphicon-bell"></span>

http://glyphicons.bootstrapcheatsheets.com/

Ich hoffe, das hilft.

2
@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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}

Ich verwende bootstrap mit Namespace und Glyphicons, die nicht funktionieren, aber nach dem Hinzufügen der obigen Zeile in Codeglyphicons, die einwandfrei funktionieren.

2
Ratan Paul

Sie müssen in dieser Reihenfolge festlegen:

<link rel="stylesheet" href="path/bootstrap.min.css">
 <style type="text/css">
      @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.woff') format('woff'),        url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),       url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
 </style>
2
Codeone

Ich hatte dieses Problem bei der Verwendung eines Webfragments in Eclipse. Die Schriftdateien waren beschädigt, als sie in das Webfragment-Jar gepackt wurden. Das Problem wurde behoben, indem die Schriftartdateien in das Projekt kopiert wurden, in dem das Fragment verwendet wurde.

1
peceps

Diese Antwort ist für alle, die Nancy (NancyFx) verwenden.

Ich besitze eine von ASP.NET gehostete NancyFX-App und habe Boostrap über NuGet erhalten.

Meine Glyphicons funktionierten nicht, aber es stellte sich heraus, dass es sich nicht um fehlerhafte Schriftdateien, falsche CSS-relative Verzeichnispfade oder andere in den anderen Antworten erwähnte Dinge handelte.

Das Problem war, dass ich eine Konvention verpasste und Nancy anwies, wo sie nach Inhalten suchen sollte. Als ich das erkannte, bestand die Lösung einfach darin, meiner Bootstrapper-Datei die folgende Überladung hinzuzufügen:

protected override void ConfigureConventions(NancyConventions nancyConventions)
{
    base.ConfigureConventions(nancyConventions);
    nancyConventions.StaticContentsConventions.Add(
        StaticContentConventionBuilder.AddDirectory("/fonts"));
    nancyConventions.StaticContentsConventions.Add(
        StaticContentConventionBuilder.AddDirectory("/Scripts"));
}
1
devuxer

Wenn Sie eine CDN für die bootstrap CSS-Dateien verwenden, ist dies möglicherweise der Schuldige, da die Glyphen-Dateien (zB glyphicons-halflings-regular.woff ) werden auch vom CDN übernommen.

In meinem Fall habe ich dieses Problem mit Microsofts CDN gelöst, indem ich auf MaxCDN gewechselt bin.

1
Ohad Schneider

Wenn Sie mit Visual Studio (in meinem Fall 2015) eine ASP.NET Webforms-Webanwendung mit dem Thema Bootstrap erstellen, werden die Glyphicons standardmäßig im Ordner/fonts des Projektstamms gespeichert.

Wenn Sie damit beginnen, Ihre bootstrap -Dateien unter/Content in Unterordnern neu anzuordnen (um beispielsweise mehrere Themen zu unterstützen), werden alle Verweise in bootstrap auf ../fonts/ unterbrochen. Sie können den Schriftartenordner entweder in den entsprechenden relativen Pfad unter /Content verschieben oder alle Verweise von ../fonts in /fonts umbenennen.

1
Mat

Überprüfen Sie, ob es sich um glyphicons-halflings-regular.woff und nicht um glyphiconshalflings-regular.woff handelt.

0
corvus

Ich hatte auch das gleiche Problem, CSS war in Ordnung und es gab kein Problem. Es hatte auch alle Schriftarten enthalten.

Das Problem wurde jedoch erst behoben, nachdem ich "glyphicons-halflings-regular.ttf" installiert hatte und Symbole auf der Benutzeroberfläche richtig angezeigt wurden.

0
Avdhut

Laden Sie das vollständige/nicht angepasste Paket von dieser Website herunter und ersetzen Sie Ihre Schriftartendatei durch nicht angepasste Paketschriftarten. Sein Wille wurde behoben.

0
Capripio

Ich arbeite mit VS2015, ASP.NET MVC 6 (RC) und hatte auch Probleme (Fehlermeldungen zur Referenz, Icons nicht angezeigt) mit den Gliphicons in Produktion (wo es in VS gearbeitet hat (Entwicklung)).
Der Grund scheint zu sein, dass die MS-CDN-Seite ausgefallen ist (zumindest jetzt und aus der Schweiz): http://www.websitedown.info/ajax.aspnetcdn.com

Daher habe ich (als vorübergehende Problemumgehung) die externe Referenz in _Layout.cshtml (unter Umgebungsnamen = "Staging, Production") in "interne" Referenz geändert:
von:

<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css"

zu

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css"

Danach funktioniert es wieder.

0
FredyWenger

Ich arbeite mit Angular2 und SCSS. Als bewährte Methode habe ich in mein Projekt nur die bootstrap -Dateien kopiert, die ich am anderen ändere. Sie werden von node_modules .. das einzige Problem war mit Glyphicons. Nach vielen Versuchen stellte ich fest, dass die beste Lösung für mich darin besteht, die Schriftdateien in mein Projekt zu kopieren und diesen Pfad direkt auf $ icon-font-path zu setzen, wie in der Abbildung gezeigt:

enter image description here

0
Alexis Gamarra

Keine der vorherigen Antworten funktioniert bei mir ....

Das Problem war, dass ich <span class="icones glyphicon glyphicon-pen"> ausprobierte und nach einer Stunde bemerkte ich, dass dieses Symbol war nicht im Bootstrap Pack enthalten! Während das Briefumschlagsymbol einwandfrei funktionierte.

0
538ROMEO

Ich musste einige Umschreibebedingungen erstellen, um sie zuzulassen:

RewriteCond %{REQUEST_URI} !(^.+\.ttf)
RewriteCond %{REQUEST_URI} !(^.+\.eot)
RewriteCond %{REQUEST_URI} !(^.+\.svg)
RewriteCond %{REQUEST_URI} !(^.+\.woff)
0
Tim