웹 사이트 게시 후 Bootstrap 프레임워크가 woff 글꼴을 제대로 표시할 수 없는 문제에 대한 솔루션

IIS에 웹사이트를 게시한 후 해당 웹사이트에서 사용하는 Bootstrap 프레임워크에서 참조하는 woff 글꼴이 제대로 표시되지 않는 것을 발견했습니다. 그래서 http 요청을 추적한 결과 woff 글꼴 요청에 GET .woff 404(찾을 수 없음) 문제가 있었지만 프로젝트의 woff 글꼴 파일은 손실되지 않았음을 발견했습니다. 조사 결과, 서버의 IIS가 MIME 유형의 woff 글꼴을 추가하지 않았으며 이로 인해 IIS가 HTTP 요청을 보낼 때 이 유형의 파일을 처리하고 인식할 수 없는 것으로 나타났습니다.

해결책 1: Web.config 구성 파일에 MIME 유형의 woff 글꼴 추가

해방 방법 2: IIS
woff 글꼴에 MIME 유형의 woff 글꼴 추가 소개
MIME 유형 소개

해결책 1: Web.config 구성 파일에 woff 글꼴의 MIME 유형을 추가합니다.

웹 사이트가 ASP.NET 또는 ASP를 사용하는 경우. NET MVC로 작성되었으므로 구성 파일을 직접 사용하여 woff 글꼴을 구성하는 것은 쉽습니다. Web.config의 system.webServer 노드에 다음 구성을 추가하기만 하면 됩니다.

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

여기서 주목해야 할 점은 이 노드를 추가하는 것은 다음 오류를 방지하기 위한 것입니다. "고유 키 속성 "fileExtension"이 다음으로 설정됩니다. ".woff", "mimeMap" 유형의 중복 컬렉션 항목을 추가할 수 없습니다." 이 링크를 클릭하면 이 문제에 대한 해결 방법을 볼 수 있습니다. 다음 노드만 추가하고 오류가 보고되지 않으면 제거 노드를 추가할 필요가 없습니다. 또한 "font/x-font-woff"는 woff 글꼴의 MIME 유형 값입니다.

웹사이트의 구성 파일에 이 노드를 추가한 후 웹사이트를 다시 열었을 때 woff 글꼴이 정상적으로 표시될 수 있습니다. 이 방법은 IIS 관리자를 작동할 수 있는 권한이 없을 때 해결 방법으로 사용할 수 있습니다.

해방 솔루션 2: IIS에 MIME 유형의 woff 글꼴 추가

IIS 관리자를 직접 작동할 수 있다면 IIS에서 직접 MIME 유형의 woff 글꼴을 추가할 수도 있습니다. 현재 IIS를 열고 MIME 유형 구성을 열고 마지막으로 새 MIME 유형을 추가하세요. 여기서 woff 글꼴의 확장자는 .woff이고 MIME 유형은 "font/x-font-woff"입니다. 구체적인 작업은 다음과 같습니다.

제어판에서 IIS 관리자를 열고 현재 IIS를 선택한 다음 MIME 유형 구성을 엽니다.

IIS에 .woff 스크린샷을 추가합니다. >

MIME 유형 오른쪽에 있는 작업 열에서 추가 기능을 클릭합니다.

MIME 유형 .woff의 스크린샷을 추가합니다.

팝업에서 MIME 추가; 유형 대화 상자에서 파일 확장자로 .woff를 입력하고 MIME 유형은 다음과 같습니다. 글꼴/x-font-woff 또는 application/x-font-woff

파일 확장자와 유형을 설정하세요.

확인을 클릭하고 확장자가 .woff인 MIMI 유형을 성공적으로 추가하세요. 이제 WOFF 글꼴을 요청하기 위해 웹사이트를 열면 404 NOT FOUND 오류가 발생하지 않습니다.

Woff 글꼴 소개

WOFF(Web Open Font Format)는 웹 페이지에서 사용하는 글꼴 형식 표준입니다. 이 글꼴 형식은 2009년에 개발되었으며 현재 World Wide Web 컨소시엄의 웹 글꼴 작업 그룹에 의해 표준화되어 권장 표준이 되었습니다. 이 글꼴 형식은 압축을 효과적으로 사용하여 파일 크기를 줄일 뿐만 아니라 암호화를 포함하지 않으며 DRM(Digital Rights Management) 제한이 적용되지 않습니다.

2010년 4월 8일 Mozilla Foundation, Opera Software 및 Microsoft가 WOFF를 제출한 후 World Wide Web 컨소시엄은 WOFF가 곧 모든 브라우저에서 지원되는 "단일 상호 운용 가능"이 되기를 희망한다고 언급했습니다. 글꼴) 작업 형식"입니다. [6] 2010년 7월 27일, 월드 와이드 웹 컨소시엄(World Wide Web Consortium)은 WOFF를 작업 초안으로 발표했습니다.

WOFF의 MIME 유형은 application/x-font-woff입니다(font/x-font-woff도 허용됨). 현재 IIS7에는 웹사이트를 원하는 경우 기본적으로 이 MIME 유형이 없습니다. 이를 지원하려면 IIS7의 MIME 유형에 woff를 추가하세요.

MIME 유형 소개

MIME(Multi Purpose Internet Mail Extensions)은 다목적 인터넷 메일 확장자 유형으로 특정 확장자를 가진 파일이 응용 프로그램에서 열리도록 설정하는 유형입니다. 이 확장자를 가진 파일에 액세스하면 브라우저는 지정된 응용 프로그램을 사용하여 해당 파일을 자동으로 엽니다. 주로 일부 클라이언트 정의 파일 이름과 일부 미디어 파일 열기 방법을 지정하는 데 사용됩니다.