[embedded-fonts] WOFF 글꼴의 MIME 유형?

WOFF 글꼴은 어떤 MIME 유형으로 제공되어야합니까?

트루 타입 (ttf) 글꼴을로 font/truetype, 오픈 타입 ( otf)을로 제공 font/opentype하지만 WOFF 글꼴의 올바른 형식을 찾을 수 없습니다.

나는 시도 font/woff, font/webopen그리고 font/webopentype하지만, 크롬은 여전히 불평 :

“리소스로 해석되었지만 MIME 유형 application / octet-stream으로 전송 된 리소스.”

아는 사람 있나요?



답변

2017 년 6 월 22 일에 대한 Keith Shaw의 의견 에서 업데이트 :

2017 년 2 월 현재 RFC8081 이 제안 된 표준입니다. 글꼴의 최상위 미디어 유형을 정의하므로 WOFF 및 WOFF2의 표준 미디어 유형은 다음과 같습니다.

font/woff

font/woff2


2011 년 1 월 이 발표 된 그 동안 크롬이 인식 할 수

application/x-font-woff

WOFF의 MIME 유형으로. 이 변경 사항은 현재 Chrome 베타 버전이며 아직 안정적이지 않은 경우 너무 멀지 않아야합니다.


답변

나를 위해 다음은 .htaccess 파일에서 작업하기 시작했습니다.

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
AddType font/woff2 .woff2


답변

될 것 application/font-woff입니다.

http://www.w3.org/TR/WOFF/#appendix-b(W3C 후보 권장 사항 2011 년 8 월 4 일)를 참조하십시오 .

http://www.w3.org/2002/06/registering-mediatype.html

Mozilla CSS 폰트 페이스 노트에서

Gecko에서 웹 글꼴은 HTTP 액세스 제어를 사용하여이 제한을 완화하지 않는 한 도메인 제한이 동일합니다 (글꼴 파일은 페이지를 사용하는 페이지와 동일한 도메인에 있어야 함). 참고 : TrueType, OpenType 및 WOFF 글꼴에 대해 정의 된 MIME 유형이 없으므로 지정된 파일의 MIME 유형은 고려되지 않습니다.

출처 : https://developer.mozilla.org/en/CSS/@font-face#Notes


답변

.NET / IIS에 글꼴 마임 유형을 추가하기위한 참조

web.config를 통해

<system.webServer>
  <staticContent>
     <!-- remove first in case they are defined in IIS already, which would cause a runtime error -->
     <remove fileExtension=".woff" />
     <remove fileExtension=".woff2" />
     <mimeMap fileExtension=".woff" mimeType="font/woff" />
     <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

IIS 관리자를 통해

IIS에 woff mime 유형을 추가하는 스크린 샷


답변

NGINX 솔루션

파일

/etc/nginx/mime.types

또는

/usr/local/nginx/conf/mime.types

더하다

font/ttf                      ttf;
font/opentype                 otf;
font/woff                     woff;
font/woff2                    woff2;
application/vnd.ms-fontobject eot;

없애다

application/octet-stream        eot;

참조

RFC @ 02.2017

https://tools.ietf.org/html/rfc8081#page-15

https://www.iana.org/assignments/media-types/media-types.xhtml

Mike Fulcher에게 감사합니다

http://drawingablank.me/blog/font-mime-types-in-nginx.html


답변

2017 년 2 월 현재 RFC8081 이 제안 된 표준입니다. 글꼴의 최상위 미디어 유형을 정의하므로 WOFF 및 WOFF2의 표준 미디어 유형은 다음과 같습니다.

font/woff
font/woff2


답변

참고 :이 답변은 당시에는 정확했지만 RFC 8081 이 출시 된 2017 년에는 구식 이되었습니다.

fontMIME 형식 이 없습니다 ! 따라서 font/xxx항상 잘못되었습니다.