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

Question

I am working with bootstrap, it's working fine then suddenly this error appears

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

<link href="../Content/css/StyleSheet.css" rel="stylesheet" />
<link href="../Content/css/bootstrap.min.css" rel="stylesheet" />
<link href="../Content/css/bootstrap-theme.min.css" rel="stylesheet" />

<script src="../Script/js/jquery-2.2.1.min.js"></script>
<script src="../Script/js/bootstrap.min.js"></script>

please help me out.

Check your console for errors and post your folder structure. — vanburen, Jul 18 '16 at 04:10

score 2 · Answer 1 · edited May 23 '17 at 11:44

2

Try changing your links from ../ to ./.

You can refer on this answer, or search more about file paths.

edited May 23 '17 at 11:44

Community

1
1

answered Jul 18 '16 at 03:38

Cookie Ninja

1,156
15
29

score 2 · Answer 2 · answered Aug 04 '17 at 10:32

I'm aware this question was asked a while ago; I'm commenting to save others time.

The error is probably because the web server default configuration cannot handle the unexpected file type of woff2.

Add this inside the web.config file, 'configuration' tags:

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

Thanks to: Will Strohl

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

2 Answers2