Bündelung css funktioniert, aber Schriftarten nicht

Question

Laden Ich habe die folgende Ordner-Struktur in meiner MVC-Website:

- Inhalt - Notebook - css

- Inhalt - Notebook - Schriftarten

Der Inhalt befindet sich direkt unter der Wurzel für die Website. In meinem css-Ordner habe ich eine Datei, die einen relativen Pfad (‘../ fonts/fontawesome-webfont.woff? V = 4.0.3')

Mein Bündel derzeit sieht

url hat wie:

bundles.Add(new StyleBundle("~/bundles/Content/Notebook/css").Include(
     "~/Content/Notebook/css/animate.css", 
     "~/Content/Notebook/css/font.css", 
     "~/Content/Notebook/css/font-awesome.min.css", 
     "~/Content/Notebook/css/app.css" 
)); 

Dies ist mit

@Styles.Render("~/bundles/Content/Notebook/css") 

gemacht

dies für die CSS-Dateien funktioniert, aber die Schrift Datei wird nicht geladen, ich sehe, dass es für sie sucht hier http://localhost/MySite/bundles/Content/fonts/fontawesome-webfont.woff?v=4.0.3

ich das sah, und dann versucht, mein Bündel Name

~/Content/Notebook/css

zu

ändern

denke, dass würde den relativen Pfad zu arbeiten auch, wenn ich die "Bundles" aus dem Namen, , aber dadurch bewirkt, dass die CSS-Dateien nicht zu laden. Warum werden die CSS-Dateien nicht geladen? Wenn ich das Wort "Bundles" zurück zum Namen hatte, funktioniert es wieder. Gibt es auch eine Idee, wie man die Fonts zusammen mit dem Bundle laden kann?

Answer 1

Wenn Sie dies tun:

url('../fonts/fontawesome-webfont.woff?v=4.0.3') 

Sie zu den Schriften über einen relativen Pfad verweisen. Wenn Sie dann Ihr CSS-Paket bei /bundles/Content/Notebook/css setzen, wird es in bundles/content/fonts suchen, da dies die Kombination Ihres relativen Pfades ist und wo der Browser Ihre CSS-Datei sieht.

Einige mögliche Optionen (entweder):

• Ändern Sie Ihr Bündel Pfad:

  bundles.Add(new StyleBundle("~/Content/Notebook/css") ... 
  (the reason your css files didn't load when you removed bundles was that you didn't change the name of the stylebundle) 
  

  und

  @Styles.Render("~/Content/Notebook/css") 
  

• Referenz Ihre Schriften mit einem absoluten Pfad:

  url('/Content/notebook/fonts/fontawesome-webfont.woff?v=4.0.3')