.woff2 글꼴에 적합한 MIME 유형


279

오늘 Font Awesome 패키지를 4.3.0으로 업데이트 하고 woff2 글꼴이 추가 되었음을 알았습니다 . 이 파일은 CSS로 연결되어 있으므로 woff2 파일을 올바르게 제공하도록 nginx를 구성해야합니다.

현재 글꼴에 대한 nginx 구성 에이 블록이 있습니다.

location ~* \.(otf|eot|woff|ttf)$ {
    types     {font/opentype otf;}
    types     {application/vnd.ms-fontobject eot;}
    types     {font/truetype ttf;}
    types     {application/font-woff woff;}
}

woff2 글꼴에 적합한 MIME 유형은 무엇입니까?


1
다음은 아파치의 파일을 woff2 캐시하는 방법은 다음과 같습니다 <IfModule mod_mime.c> AddType font/woff2 woff2<IfModule mod_expires.c> ExpiresActive On ExpiresByType font/woff2 "access plus 1 month". (닫는 태그와 줄 바꿈은 생략되었습니다.)
Chloe

답변:


437

IIS에서는 프로젝트의 web.config에 다음을 추가하여 WOFF2 글꼴 파일의 MIME 유형을 선언 할 수 있습니다.

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

업데이트 : 최신 W3C 편집기의 초안 WOFF2 사양 에 따라 MIME 유형이 변경 될 수 있습니다 . 부록 A : 인터넷 미디어 유형 등록 섹션 6.5를 참조하십시오 . 최신 제안 형식을 나타내는 WOFF 2.0font/woff2


6
이제 IIS 10의 MIME 유형은 .woff2를 지원했습니다. IIS 10을 사용하면 web.config에서 아무것도 변경할 필요가 없습니다.
케빈

7
<remove>태그 는 어떤 용도로 사용 됩니까? IIS 참조 서 ( iis.net/configreference )에 설명되어 있지 않습니다
Pathogen

18
@Pathogen mimeMap이 이미 존재하는 경우 IIS에서 오류가 발생하는 경우가 있습니다. 추가하기 전에 제거하면 해당 오류가 수정됩니다.
앨런

214

font/woff2

대한 Nginx에 에 다음을 추가 mime.types파일 :

font/woff2 woff2;


기존 답변

WOFF2 글꼴에 대한 mime 유형 (때로는 mimetype으로 작성 됨)이로 제안 되었습니다 application/font-woff2.

또한 스펙 ( http://dev.w3.org/webfonts/WOFF2/spec/ )을 참조하면font/woff2 논의되고 있습니다. 나는 모든 글꼴에 대한 filal MIME 타입은 결국 더 논리적 일 것입니다 의심 font/*( font/ttf, font/woff2등) ...

NB WOFF2는 아직 공식적으로 채택되지 않은 '작업 초안'상태입니다.


38
이것은 업데이트되었습니다. 사양은 매우 명확합니다. Type은 font이고 subtype은 woff2이며 font / woff2입니다. 이것은 또한 Google Fonts 자체가 사용하는 것입니다.
Raivo Laanemets 2016 년

나는 여전히 스펙에서 결정적인 것을 볼 수 없다. 그들은 font/*최상위 유형 을 소개하고 싶어한다고 말하지만 . 나는 완전한 정보의 이익을 위해 그것을 내 대답에 추가 할 것이라고 생각합니다.
atwright147

@ atwright147 MIME 유형은 부록 A에서 다룹니다. Woff2의 경우 부록 A의 6.5 절입니다.
Richard

3
2016 월 업데이트 : 그것은 지금 후보자 추천 및 글꼴 / woff2는 MIME 형식입니다 w3.org/TR/WOFF2/#IMT
크리스 F 캐롤

36

아파치

Apache에서는 이 링크 에 표시된 woff2대로 .htaccess파일을 통해 MIME 유형을 추가 할 수 있습니다 .

AddType  application/font-woff2  .woff2

IIS

IIS에서는 단순히 mimeMap태그 web.config안에있는 파일에 다음 태그를 추가하십시오 staticContent.

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

대해application/x-font-woff2
Nerdroid

1
Hey @Moes :) Acutally, application/x-font-woff2woff2가 매우 새로운 시대의 오래된 유형입니다. W3C 사양은 지금 사용하는 것이 좋습니다 application/font-woff2즉 광범위하게 지원되기 때문이다. 이전 버전과의 호환성을 유지 한 경우을 포함해도됩니다 x-font-woff2.
Fizzix

IIS에서는 서버의 다른 곳에 정의 된 경우 이전에 정의한 확장 항목을 제거해야합니다. 이렇게하면 매우 혼란스러운 오류가 발생합니다! <remove fileExtension=".woff2" />그리고 위와 같이 정의하십시오 :)
jocull

(가) 접수 아마 대부분도 제안하고 있습니다 글꼴 / woff2입니다
Syakur 라만

1
WOFF 파일 형식 2.0 W3C 권고안은 지금 사용하는 것이 좋습니다 font/woff2MIME 타입하지만 같은 공식 미디어 유형의 IANA 목록 WOFF2을 포함하지 않습니다 (아직).
Anthony Geoghegan

17

http://dev.w3.org/webfonts/WOFF2/spec/#IMT

w3c가 그것을 font/woff2

올바른 MIME 유형에 대한 토론이 있습니다. 링크에서 우리는 다음을 읽습니다.

이 문서는 최상위 MIME 유형 "font"를 정의합니다 ...

... "application / font-woff"와 같이 공식적으로 정의 된 IANA 하위 유형 ...

W3C WebFonts WG 회원은 "응용 프로그램"최상위 유형의 사용이 적합하지 않다고 생각합니다.

그리고 나중에

6.5. WOFF 2.0

    Type name:

        font
    Subtype name:

        woff2

따라서 W3C의 제안은 IANA와 다릅니다.

우리는 또한 WOFF 형식과 다른 것을 볼 수 있습니다 : http://dev.w3.org/webfonts/WOFF/spec/#IMT 우리가 읽을 곳 :

Type name:

    application
Subtype name:

    font-woff

어느

application/font-woff

http://www.w3.org/TR/WOFF/#appendix-b


1
그 페이지에 font/woff2당신이 절제 할 수 있도록 변경되었다고 제안하는 내용이 보이지 않습니다 .
atwright147

어쩌면 내가 이해하지 못할 수도 있습니다. 부록 A, '6.5. WOFF 2.0 '
환상

1
이것이 다운 보트되었다고 상상할 수 없습니다. 사양은 매우 명확합니다. Type은 font이고 subtype은 woff2이며 font / woff2입니다. 이것은 또한 Google Fonts 자체가 사용하는 것입니다.
Raivo Laanemets 2016 년

2
나는 이것을 처음에는 upvoted했지만 이것으로부터 블로그 게시물을 얻을 수 있다고 생각했습니다. 이 게시물은 WOFF2 사양과 일치하지만 여전히 초안으로 작성 되어 아직 권장 상태 로 이동하지 않았습니다. 이것은 woff2가 font/woff2승인 될 때까지 유효 하지 않기 때문에 기술적으로 mime을 가지고 있지 않다는 것을 의미 하지만, 스펙 문서는 application/font-woff2공식적인 문서 없이 우리를 떠나는 것에 대한 승인을 철회했습니다 . 따라서 나는이 시점에서 사용할 것이라고 생각한다 application/font-woff2.
rtpHarry

2
@rtpHarry 나는이 답변과 귀하의 의견을 모두 찬성했습니다. 2017 년 2 월 현재 W3C는 표준font/woff2 미디어 RFC를 만드는 표준 트랙 RFC 8081을 발표했습니다 . stackoverflow.com/a/43321601/1640661
Anthony Geoghegan
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.