If you are using a web font, including popular font icon fonts like Font Awesome then you may notice an error when loading your web font from an IIS server.
I received the error: ERR_CONNECTION_RESET and when inspecting the network request I see that the server responded with header Connection: close
.
The reason for this is that the .woff and .woff2 file extensions do not have a defined MIME type in IIS.
WOFF MIME Types
Add in the necessary MIME types for your IIS web server is easy. We will add the following extensions and MIME types:
.woff
- application/font-woff.woff2
- application/font-woff
Add MIME Types in IIS
First, Open up the IIS Manager and select your site. Then, double-click on the MIME Types icon.
Then, click on the Add… link in the Actions pane. Enter the extension and MIME type for both .woff and .woff2.