IIS에서 웹폰트 파일이 404에러를 발생시킬 경우의 해결방법

IIS에서 웹폰트 파일이 404에러를 발생시킬 경우의 해결방법

경위

동작엔 문제가 없지만 어째선지 웹폰트 파일에서 404에러가 발생하고 있었습니다.

0057-1.png

참고로 로컬 단말에선 해당 에러는 발생하지 않았습니다.

에러 발생 원인

IIS이 「woff」와 「woff2」의 MIME 타입을 인식할 수 없기 때문에 404에러를 발생시키고 있었습니다.

해결 방법

Web.config에 아래의 내용을 추가해서 「woff」와 「woff2」의 MIME 타입을 인식 시킵니다.

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

참고

Pie's Tech Note

생계형 개발자의 메모장

comments powered by Disqus

    rss facebook twitter github youtube mail spotify instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora