How to: Ensure IIS and ASP.NET MVC Play Nice with Web Fonts [Field Notes]

less than 1 minute read | Suggest an edit | Issue? Question?


I’m using ASP.NET MVC via IIS and would like to make use of Web Fonts.


There are two steps:

  • Make sure your Web Font files are going to be outputted by your build process.
  • Make sure IIS can serve those web files.

Step 1: Make Sure Your Web Font Files are Going to be Outputted by Your Build Process

  • In Visual Studio, select all your web font files (EOT, SVG, TTF, and WOFF files)
  • Right-click on them and select properties or look at the properties window.
  • Set the Build Action Property to Content
  • Set the Copy to Output Directory property to Copy Always.

Step 2: Make Sure IIS Can Serve Your Web Font Files

In IIS, make sure you have the following file extensions and the corresponding MIME types:

  • .eot → application/octet-stream
  • .woff → application/x-woff
  • .svg → image/svg+xml

and bingo! Build/deploy your package and it should be right as rain.


Leave a comment