[Bootstrap 3] 부트스트랩 폰트 에러(404 not found)

부트스트랩은 자체적으로 폰트를 사용합니다.

그런데 특정할 수 없는 상황에서 다음과 같은 에러가 발생합니다.

 

 

흠....

파일경로로가보면 파일을 정상적으로 있는데 파일을 못 는 현상이 있습니다.

어디선가 많이 보던 에러인데.....

 

stackoverflow - How to remove error about glyphicons-halflings-regular.woff2 not found

아.....

원인은 간단합니다.

'.woff2'라는 확장자는  'MIME'기본 설정에 들어 있지 안씁니다 ㅋㅋㅋㅋㅋ

1. IIS의 경우

IIS에서 MIME를 추가하면 됩니다.

 

사이트에 'MIME 형식'에 들어가서 '추가'를 눌러 아래와 같이 내용을 넣어주고 '확인'을 눌러 줍니다.

파일 이름 확장명 : .woff2

MIME 형식 : application/font-woff2

 

 

정상적으로 추가 되었으면 아래와 같이 표시됩니다.

 

 

 

2. .NET의 경우

웹컨피그(Web.config)를에 'MIME'형식을 추가해 주는 방법입니다.

 

웹컨피그를 열고 아래와 같이 넣어 줍니다.

 

<!-- 
'<staticContent></staticContent>'를 찾아서아래 코드를 넣어 줍니다.

<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
-->
 
<!-- 예제 -->
<configuration>
  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
  </system.webServer>
</configuration>

 

아래 스크린 샷을 보고 잘 넣어 봅시다.

 

마무리

이런 오류는 설정 문제라 짜증이 두 배입니다 ㅋㅋㅋㅋ

그래도 생각보다 금방 찾아서 다행이네요.

근데 MS는 IIS에 기본 확장자로 'woff2'를 언제 추가해줄까요?

다른 웹서버나 웹언어의 경우 설정방법이 다릅니다.

MIME 설정은 모두다 있으니 맞는걸 찾아보아요~