2014-09-12 8 views
6

Mam następującą strukturę folderów w mojej witrynie MVC:pakietowania prace CSS, ale czcionki nie załadunek

- Treść - Notebook - css

- Content - Notebook - Fonts

Treść jest bezpośrednio pod root dla witryny. W moim folderze css Mam plik, który ma względną ścieżkę

url (”../ czcionek/fontawesome-webfont.woff? V = 4.0.3')

Moja wiązka wygląda obecnie jak:

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" 
)); 

to jest renderowane za pomocą

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

to działa dla plików CSS, ale czcionka Plik nie ładuje się, widzę, że patrzy na niego tutaj http://localhost/MySite/bundles/Content/fonts/fontawesome-webfont.woff?v=4.0.3

Widziałem, że a następnie próbował zmienić nazwę wiązki do

~/Content/Notebook/css

myślenie, które mogłoby uzyskać względną ścieżkę do pracy również, jeśli usunę "pakiety" z nazwy, , ale spowoduje to, że pliki css nie będą ładowane. Dlaczego nie załadowałbym plików css? Gdybym miał słowo "wiązki" z powrotem do nazwy, to znowu działa. Masz też pomysł, jak załadować czcionki wraz z pakietem?

+0

Możesz zobaczyć ten wątek na temat niepoprawnego renderowania czcionek. http://stackoverflow.com/questions/32692151/fonts-are-not-rendered-correctly-in-release-mode-but-is-working-on-debug-mode-i?answertab=votes#tab-top – decodingpanda

Odpowiedz

4

Kiedy to zrobić:

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

jesteś odnosząc się do czcionek za pomocą ścieżki względnej. Jeśli następnie umieścisz swój pakiet CSS pod numerem /bundles/Content/Notebook/css, będzie on wyglądał bundles/content/fonts, ponieważ jest to kombinacja twojej względnej ścieżki i miejsca, w którym przeglądarka widzi twój plik css.

kilka możliwych opcji (albo):

  • Zmień swoją ścieżkę wiązka:

    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) 
    

    i

    @Styles.Render("~/Content/Notebook/css") 
    
  • referencyjny czcionek bezwzględną ścieżkę:

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

Spróbowałem pierwszej opcji, zmieniając nazwę StyleBundle na ~/Content/Notebook/css i używając tego samego dla renderowania, ale to nie ładuje mojego css. następnie szuka wszystkiego na http: // localhost/MySite/Content/Notebook/css /?v = 3VfY7DPwOdVyXqP6Gz8G1MTxMp6VFbReLjeUU0eWRSU1 Myślałem, że to zadziała, ale nadal nie jestem pewien, dlaczego po prostu usunięcie pakietu słów powstrzymało go przed działaniem. – Paritosh

+0

Skończyłem na zmianie pliku css, aby odnieść się do czcionek jako adresu URL ("../ Content/notebook/fonts/fontawesome-webfont.woff? V = 4.0.3") i pozostawiłem nazwy moich pakietów w spokoju, które sprawiły, że działało. Nadal nie używać, ale dlaczego, gdy zmieniłem nazwę pakietu, css przestał działać, mimo że była to ta sama nazwa, której użyłem w wywołaniu renderowania. – Paritosh

+0

Możesz zobaczyć ten wątek na temat niepoprawnego renderowania czcionek. http://stackoverflow.com/questions/32692151/fonts-are-not-not--poprawnie-w-release-mode-but-is-working-on-debug-mode-i?answertab=votes#tab-top – decodingpanda

Powiązane problemy