bootstrap glyphicon fonts kann nicht auf mvc net geladen werden

Question

Ich habe ein Problem mit der Glyphicons-Schriftart, wenn ich die Website unter einem virtuellen Pfad veröffentlichen. Ich erhalte einen 404-Response-Code für alle Bootstrap-Fonts. Die Schriften werden unter diesem Ordner sehen:

/bower_components/bootstrap/dist/fonts/ 

Aber sie sind tatsächlich in diesem Ordner, wenn die Website bereitgestellt wird:

XXX/bower_components/bootstrap/dist/fonts/ 

ich meine BundleConfig.cs wie diese Registrierung:

bundles.Add(new StyleBundle("~/bundles/bowercss") 
    // bower:css 
    .Include("~/bower_components/bootstrap/dist/css/bootstrap.min.css", new CssRewriteUrlTransform()) 
    .Include("~/bower_components/angular-ui-select/dist/select.min.css", new CssRewriteUrlTransform()) 
    .Include("~/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css", new CssRewriteUrlTransform()) 
    .Include("~/bower_components/angular-ui-switch/angular-ui-switch.min.css", new CssRewriteUrlTransform()) 
    .Include("~/bower_components/angular-xeditable/dist/css/xeditable.min.css", new CssRewriteUrlTransform()) 
    // endbower 
); 

Und auf meinem Web.config habe ich Unterstützung zu den Schriften hinzugefügt:

<staticContent> 
      <!-- Add support to .woof2 files --> 
      <remove fileExtension=".eot" /> 
      <remove fileExtension=".ttf" /> 
      <remove fileExtension=".svg" /> 
      <remove fileExtension=".woff" /> 
      <remove fileExtension=".woff2" /> 
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> 
      <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" /> 
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> 
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> 
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" /> 
</staticContent> 

Update 12/12/2016:

Ich habe alle Lösungen, die Aravind vorschlug, noch ohne Glück versucht. ich alle Schriften in den Stammordner kopiert und overrode sogar die font-family in einer benutzerdefinierten CSS auf die neuen Dateien zu zeigen und es funktioniert auch nicht:

@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'); 
} 

Wie kann ich die Schriften korrekt erhalten Download Wenn die Site unter dem virtuellen Pfad bereitgestellt wird?

Answer 1

Fügen Sie diese in Ihrem _Layout

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

Oder

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

Update 1-Datei:

Verwenden Sie diese können und laden Sie die Dateien und zu Ihrem Ordner hinzufügen.

Alternativ können Sie nuget Pakete

Go verwenden, um Manager-Konsole zu verpacken und verwenden Sie diesen Befehl

Install-Package glyphicon 

können Sie auch mit der rechten Maustaste auf die Lösungssuche zu ur-Projekt für nuget Pakete hinzuzufügen und klicken Sie auf Installieren.