74

Aplikacja ASP.NET MVC4 Bootstrap 3 działa z Microsoft Visual Studio Express 2013 dla Web IDE.Jak usunąć błąd dotyczący glyphicons-halflings-regular.woff2 nie znaleziono

konsola Chrome wyświetla zawsze błędu

http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 
Failed to load resource: the server responded with a status of 404 (Not Found) 

Ten plik istnieje w katalogu czcionek w oknie Solution Explorer. Działanie kompilacji jest ustawione na "Zawartość", a katalog Kopiuj do wyjścia to "Nie kopiuj jak w innych plikach czcionek". Bootstrap 3 jest dodawany do rozwiązania za pomocą NuGet. Jak to naprawić, aby ten błąd się nie pojawił? Aplikacja prawidłowo wyświetla ikony Glyphicon i FontAwesome. Ten błąd występuje zawsze przy starcie aplikacji.

Odpowiedz

197

Ten problem występuje, ponieważ usługi IIS nie znają typów plików typu woff i .

Rozwiązanie 1:

Dodaj te linie w swoim projekcie web.config:

<system.webServer> 
    ... 
    </modules> 
    <staticContent> 
     <remove fileExtension=".woff" /> 
     <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> 
     <remove fileExtension=".woff2" /> 
     <mimeMap fileExtension=".woff2" mimeType="font/woff2" /> 
    </staticContent> 

Rozwiązanie 2:

na IIS stronie projektu:

Kroku 1: Przejdź do swojego projektu pojawia W środku ekranu: 2

Step 1

kroku:: Kliknij Add przycisk z Actions menu: Step 2

Kroku 3 strona główna IIS i kliknij dwukrotnie na MIME Types przycisku okno i w tym oknie musisz dodać dwie linie z rozwiązania 1: Step 3

+0

Rozwiązałem to dla mnie, ale dlaczego? Byłbym wdzięczny za wyjaśnienie, dlaczego rozwiązanie działa bardziej niż bezmyślne kopiowanie/wklejanie dostarczonego kodu. – Bpainter

+3

@Bpainter Pierwsza linia w tej odpowiedzi wyjaśnia, dlaczego. Typy MIME nie są powiązane z typem, więc nie mogą zostać załadowane przez przeglądarkę. Dlaczego przeglądarka nie ładuje niepowiązanego pliku typu MIME? Myślę, że to osobne pytanie, na które nie znam odpowiedzi. –

+2

@ CamilleSévigny Wierzę, że odpowiedź na twoje pytanie jest taka, że ​​IIS udostępnia tylko poprawne typy plików, więc ponieważ nie rozpoznaje .woff i.woff2 rozszerzeń, odpowiada na żądania dla tych plików z 404 - nie znaleziono. – Grungondola

38

W moim przypadku, ja po prostu pobrać brakujący plik bezpośrednio stąd: https://github.com/twbs/bootstrap/blob/master/dist/fonts/glyphicons-halflings-regular.woff2

+6

rozwiązało to dla mnie. Dzięki. Pobrałem pliki i zapisałem folder czcionek w moim katalogu projektu. Pliki CSS w folderze "css", czcionki w folderze "fonts" – CyprUS

+1

Czasami rozwiązania są dość proste i nie jesteśmy świadomi:) Thnx za rozwiązanie, przeoczyłem to w moim folderze 'fonts' w mojej aplikacji MVC5 – Irfan

0

Dodaj ten jeden do html, jeśli tylko mają dostęp do HTML:

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

próbowałem wszystkie propozycje powyżej, ale moim prawdziwym problemem było to, że moja aplikacja szukała folderu/font i jego zawartości (.woff itd.) w app/fonts, ale folder my/fonts był na tym samym poziomie co/app. Przeniosłem/czcionki w/app, i teraz działa dobrze. Mam nadzieję, że pomoże to komuś innemu w wędrowaniu po sieci w poszukiwaniu odpowiedzi.