Monday, September 10, 2012

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

Problem

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

Solution

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.

References

No comments:

Post a Comment

Keep it classy, folks.