[css] IIS 8.0에서 글꼴이 작동하지 않음

Program / 글쓴이

내 프로그램에 Font Squirrel에서 생성 된 글꼴이 있는데 IIS에서 작동하도록 할 수 없으며 localhost에서 작동합니다. 내 MIME 유형 에 application / font-woff 기사 를 추가 했지만 여전히 작동하지 않습니다.

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;
}

현재 MIME 수정

기본 IIS 8 MIME 글꼴 / x-woff를 사용하고 있습니다.

답변

WOFF2가 Font Squirrel 글꼴에 포함되는 것을 보게되어 기쁩니다! IIS 8에는 MIME 유형이 추가 WOFF될 필요 가 없지만 WOFF2. W3C 는 다음을 권장합니다 .

application/font-woff2

자세한 내용 WOFF2은 여기 를 참조 하십시오 .

IIS에서 MIME 유형을 추가하려면 Web.Config다음과 같이 수정하십시오 .

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

답변

IIS에서 woff 및 woff2 글꼴이 제대로 작동하도록하려면 Web.Config 파일에 다음 MIME 유형을 추가해야합니다.

<?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 오류가 계속 발생하면 페이지를 새로 고침하기 전에 브라우저 캐시를 지워야합니다.

답변

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

여기에 이미지 설명 입력

그러면 기존의 모든 MIME 유형 목록이 표시되고 오른쪽 창의 추가 … 링크를 사용하여 새 유형을 추가 할 수 있습니다.

답변

웹 솔루션 Metro4 UI 아이콘을 배포하고 CDN에서 Compiled 옵션으로 전환하는 동안이 문제가 발생했습니다.

내 프로젝트는 WebSharper 플랫폼을 사용하여 개발되었지만 솔루션은 어쨌든 이러한 구현 세부 사항과 독립적입니다.

긴 이야기를 짧게, 나는했습니다 내가 파일 확장자, 예를 들어 추가했다는 것을 발견 .ttf안쪽 security세 이하 섹션 system.webServer의 Web.config.

<security>
    <requestFiltering>
        <fileExtensions>
            <add fileExtension=".ttf" allowed="true" />
        </fileExtensions>
    </requestFiltering>
</security>

IIS의 GUI 설정에서도 동일한 구성 옵션을 사용할 수 있습니다.

IIS GUI

답변