Why is @font-face throwing a 404 error on woff files?

I also came across the same issue. I think doing this configuration from the server level would be better since it applies for all the websites.

  1. Go to IIS root node and double-click the MIME Types configuration option
  2. Click “Add” link in the Actions panel on the top right.
  3. This will bring up a dialog. Add .woff file extension and specify application/x-font-wof as the corresponding MIME type.

Add MIME Type for .woff file name extension