글꼴 얼굴이 IIS 8.0에서 작동하지 않습니다.

105

글꼴 다람쥐에서 생성 된 프로그램에서 글꼴 얼굴이 있습니다. IIS에서 작동하도록 가져올 수 없으며, localhost에서 작동합니다. 내 MIME 형식에 application/font-woffarticle을 추가했지만 여전히 작동하지 않습니다.글꼴 얼굴이 IIS 8.0에서 작동하지 않습니다.

Context 
--Fonts 
----font location 
--css files

CSS

@font-face { 
    font-family: 'wallStreetFont'; 
    src: url('Fonts/subway-webfont.eot'); 
    src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'), 
     url('Fonts/subway-webfont.woff2') format('woff2'), 
     url('Fonts/subway-webfont.woff') format('woff'), 
     url('Fonts/subway-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

EDIT 현재 MIME

나는 기본 8 MIME 글꼴/X-WOFF를 IIS 사용하고

출처

2014-09-11 joetinger

어떻게 부르시겠습니까? Font Squirrel zip에서 샘플 출력을 시도 했습니까? – Aibrean

IIS 8을 사용하는 경우 WOFF에 대한 웹 구성에 MIME 유형을 추가하지 않아도됩니다. 실제로 복제본을 가지고 있으면 오류가 발생할 가능성이 큽니다. –

@Aibrean 예 샘플 출력이 작동합니다. – joetinger

226

WOFF2는 것을보고 큰 글꼴 다람쥐 글꼴에 포함 된! IIS 8에는 WOFF에 추가 된 MIME 형식이 필요하지 않지만 WOFF2에 MIME 형식이 필요합니다. W3C의 recommends :

application/font-woff2

추가 정보를 위해 WOFF2에이 here를 참조하십시오. 다음과 같이

은 Web.Config을 수정, IIS에서 MIME 형식을 추가하려면 :

제대로 당신의 Web.config에 다음 MIME 유형을 추가해야 IIS에서 일을 WOFF 및 woff2 글꼴을 만들기 위해

<?xml version="1.0" encoding="UTF-8"?> 
<configuration> 
    <!-- ... --> 
    <system.webServer> 
    <!-- ... --> 
    <staticContent> 
     <!-- ... --> 
     <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

출처

2014-09-11 21:10:17

'woff2'를 추가했지만 여전히 아무것도 사용하지 않았습니다. – joetinger

dev 툴을 살펴 본다면. 글꼴 파일을 가져올 때 404가 표시됩니까? 경로가 올바른지 확인하고 브라우저에서 찾아 볼 수있는 권한이 있는지 확인하십시오. –

예, http : //192.168.72.196 : 85/bundles/Fonts/subway-webfont.woff2' 어디에서 묶음 폴더를 가져올 지 모르겠습니다. 어떤 생각? – joetinger

파일.

<?xml version="1.0" encoding="UTF-8"?> 
<configuration> 
    <system.webServer>  
    <staticContent> 
     <remove fileExtension=".woff" /> 
     <remove fileExtension=".woff2" /> 
     <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> 
     <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" /> 
    </staticContent>

Google 크롬에서 404 오류가 계속 발생하면 페이지를 다시로드하기 전에 브라우저 캐시를 지워야합니다.

출처

2015-04-09 05:45:07 Varun

사양에서 woff가 mimeType을 [application/font-woff] (http : //)로 지정하도록 권장합니다. www.w3.org/TR/WOFF/#appendix-b). – Steven

.woff2 404 문제 만 얻었고이 문제가 해결되었습니다. 나는 단지 woff2에 속하는 라인을 사용했다. – Francisc0

IIS 관리자에서 MIME 형식을 구성 할 수도 있습니다. 웹 사이트를 선택한 다음 기본 창의 IIS 아래에있는 MIME 유형 아이콘을 두 번 클릭하기 만하면됩니다.

enter image description here

그런 다음 기존의 MIME 유형의 모든 목록을 확인하고 추가를 사용하여 ... 링크를 오른쪽 창에 새로운 것을 추가 할 수 있어야합니다.

출처

2015-05-15 09:09:53

왜 web.config를 사용하지 않는가? !! –

@MojtabaPourmirzaei 모두가 시스템 관리자가 아니기 때문에. 이것이 IIS에 UI가있는 이유입니다. –

IIS에 비 -.NET 웹 사이트를 배포하려면 이렇게해야합니다 (예 : 각도 앱). –

글꼴 얼굴이 IIS 8.0에서 작동하지 않습니다.

답변

관련 문제