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

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

---

Font Squirrel에서 생성 된 프로그램에 글꼴이 있습니다. IIS에서는 작동하지 않습니다. localhost에서 작동합니다. MIME 유형 에 응용 프로그램 / 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가 포함되어있어 대단합니다! IIS 8에는 추가 된 MIME 유형이 필요하지 않지만 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" />

---

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

<?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에서 선택 옵션으로 전환하는 동안 오늘이 문제가 발생했습니다.

내 프로젝트는 WebSharper 플랫폼을 사용하여 개발 솔루션은 구현 세부 사항과 독립적입니다.

긴 이야기를 짧게, 나는 파일이 있었다는 것을 발견 .ttf했다 security세 이하 섹션 system.webServer의 Web.config.

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

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

참고 URL : https://stackoverflow.com/questions/25796609/font-face-isnt-working-in-iis-8-0