글꼴에 적합한 MIME 유형

웹을 검색하면 글꼴에 적합한 MIME 유형이 무엇인지에 대한 여러 가지 제안이 있지만 다음과 같은 Chrome 경고를 없애는 MIME 유형은 아직 시도하지 않았습니다.

글꼴로 해석되었지만 MIME 유형 font / otf로 전송 된 자원

글꼴은 OTF입니다.

지금까지 다음 MIME 유형을 시도했습니다

• 글꼴 / OTF
• 응용 프로그램 / font-otf
• 응용 프로그램 / 글꼴
• 응용 프로그램 / OTF
• 응용 프로그램 / 옥텟 스트림
• 응용 프로그램 / x-font-otf
• application / x-font-TrueType (트루 타입이 아니라는 것을 알고 있지만 한 소스에서 OTF에 대해 인용했습니다)

"font / opentype"을 사용해보십시오.

Apache 및 IIS 서버 모두에서 MIME 유형을 설정할 수있는 여러 글꼴 형식이 있습니다. 나는 전통적으로 다음과 같은 행운 을 얻었습니다 .

svg   as "image/svg+xml"                  (W3C: August 2011)
ttf   as "application/x-font-ttf"         (IANA: March 2013)
      or "application/x-font-truetype"
otf   as "application/x-font-opentype"    (IANA: March 2013)
woff  as "application/font-woff"          (IANA: January 2013)
woff2 as "application/font-woff2"         (W3C W./E.Draft: May 2014/March 2016)
eot   as "application/vnd.ms-fontobject"  (IANA: December 2005)
sfnt  as "application/font-sfnt"          (IANA: March 2013) 

MIME 유형 (Multipurpose Internet Mail Extensions)에 관한 초기 문서를 관리하는 인터넷 엔지니어링 태스크 포스에 따르면 http://tools.ietf.org/html/rfc2045#section-5 ... 구체적인 내용은 다음과 같습니다.

" 일반적으로 이러한 초기 유형의 새로운 하위 유형을 작성하면 더 큰 지원 유형 세트를 추가 할 수있을 것으로 예상됩니다. 앞으로 더 많은 최상위 유형은이 표준에 대한 표준 트랙 확장에 의해서만 정의 될 수 있습니다. 어떤 이유로 든 다른 최상위 레벨 유형을 사용하려면 표준이 아닌 상태를 표시하고 향후 공식 이름과의 잠재적 충돌을 피하기 위해 "X-"로 시작하는 이름을 부여해야합니다. "

시간이 지남에 따라 표준이 작성되고 승인 될 때 ​​추가 MIME 유형이 추가되므로 vnd.ms-fontobject 등과 같은 공급 업체 특정 MIME 유형의 예를 볼 수 있습니다.

UPDATE 2013년 8월 16일 : WOFF이었다 월 공식적으로 3 2013 IANA에 등록 및 웹킷 월 (5) 2013 업데이트되어 이전에 서버 MIME 유형에 대한 경고를 발행 시작하고 최신 버전이 업데이트를 소싱하는 브라우저 x-font-woff 선언. 경고는 성가 시므로 승인 된 MIME 유형으로 즉시 전환하는 것이 좋습니다. 이상적인 세상에서 경고는 제 시간에 스스로 해결 될 것입니다.

업데이트 2015 년 2 월 26 일 : WOFF2는 이제 제안 된 MIME 유형으로 W3C Editor 's Draft에 있습니다. 최신 진행 일정에 따라 내년 (2016 년 말까지)에 IANA에 제출해야합니다. SFNT뿐만 아니라 Google 웹 글꼴 의 백본 테이블 참조에 사용되는 확장 가능 / 스플라인 컨테이너 글꼴 형식 은 Java 라이브러리를 사용 하며 IANA에 이미 MIME 유형으로 등록되어 있으며 개별 요구에 따라이 목록에 추가 될 수 있습니다.

UPDATE 2017년 10월 4일 : 우리는 WOFF2 형식의 진행 따를 수 있습니다 여기를 성공적으로 포맷을 지원하는 최신 브라우저의 대다수. 또한 IETF의 "글꼴"최상위 미디어 유형 RFC (Request for Comments) 추적기 및 승인을 위해 제안 된 최신 글꼴 유형 세트에 대한 문서 를 따를 수 있습니다 .

CSS에 적절한 순서로 서체를 포함 시키려면 이 기사 를 방문 하십시오 . 그러나 다시, 나는 다음 순서로 운이 좋았습니다.

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

Subversion 자동 속성의 경우 다음과 같이 나열 될 수 있습니다.

# Font formats
svg   = svn:mime-type=image/svg+xml
ttf   = svn:mime-type=application/x-font-ttf
otf   = svn:mime-type=application/x-font-opentype
woff  = svn:mime-type=application/font-woff
woff2 = svn:mime-type=application/font-woff2
eot   = svn:mime-type=application/vnd.ms-fontobject
sfnt  = svn:mime-type=application/font-sfnt

크롬 경고를 무시하십시오. OTF 글꼴에 대한 표준 MIME 유형이 없습니다.

font / opentype은 경고를 침묵시킬 수 있지만 이것이 "올바른"행동이되는 것은 아닙니다.

적어도 "application"은 등록 된 컨텐츠 유형이고 "font"는 아니기 때문에 "application / x-opentype"을 사용하여 구성하는 것이 좋습니다.

업데이트 : OTF는 여전히 문제이지만 WOFF는 2013 년 1 월 IANA MIME 유형의 응용 프로그램 / 글꼴 -woff로 성장했습니다 .

업데이트 2 : OTF는 MIME 유형을 증가 시켰습니다 : application / font-sfnt 2013 년 3 월.이 유형은 .ttf에도 적용됩니다.

2017 년 2 월 이후 RFC 8081 은 최상위 font미디어 유형에서 글꼴의 모든 MIME 유형을 그룹화합니다 . 원래 게시물의 이전 MIME 유형이 더 이상 사용되지 않습니다.

IANA에서 나열한 글꼴 유형은 다음과 같습니다.

• .otf -> 글꼴 / OTF
• .sfnt -> 글꼴 / sfnt
• .ttf -> 글꼴 / ttf
• .woff -> 글꼴 / 와프
• .woff2 -> 글꼴 / woff2

다른 비표준 글꼴 형식은 그대로 유지됩니다.

• .eot -> application / vnd.ms-fontobject (2005 년 12 월부터)
• .svg -> 이미지 / svg + xml (2011 년 8 월 기준)

[오래된 원본 게시물]

웹에서 웹 글꼴의 MIME 유형에 대해 여전히 많은 혼란이 있기 때문에 현재 답변을 제공하고 유효 날짜가 있으며 IANA 및 W3C에 대한 링크를 지원한다고 생각했습니다 .

웹 글꼴의 공식 MIME 유형은 다음과 같습니다.

• .eot -> application / vnd.ms-fontobject (2005 년 12 월부터)
• .otf -> 응용 프로그램 / font-sfnt (2013 년 3 월부터)
• .svg -> 이미지 / svg + xml (2011 년 8 월 기준)
• .ttf -> 응용 프로그램 / font-sfnt (2013 년 3 월부터)
• .woff -> 응용 프로그램 / font-woff (2013 년 1 월부터)
• .woff2 -> font / woff2 (2016 년 3 월 W3C에서 제안)

font/XXXWOFF v2에 대한 제안에서 W3C가 뒷받침하는 것처럼 위의 모든 것을 MIME 유형으로 변경하려는 움직임이 있습니다 . 이것은 IETF (Internet Engineering Task Force)에 의해 글꼴 최상위 레벨 유형 아래에서 추적되고 있으며 2017 년 2 월에 승인 된 RFC 상태 ( RFC 8081 참조 )이므로 아직 변경 될 수 있습니다!

웹 서버의 주제에서 HTTP 응답은 & 이미 압축 된 & 를 gzip제외한 위의 모든 글꼴 형식을 압축 할 수 있습니다 (또는 압축) ..woff.woff2

(Fantom) BedSheet 사용하여 웹 글꼴 용 MIME 유형에 대해 더 많이 말합니다 .

컴퓨팅에서 두 가지 어려운 일 중 하나의 특정 사례로서, 이 질문이 처음 게시 된 이후이 질문에 대한 답변이 어떻게 바뀌 었는지 보는 것이 흥미 롭습니다. 고맙게도, 혼란에 질서를 부여한 힘 :

올해 (2017 년 2 월) W3C는 표준 트랙 RFC 8081 : "글꼴"최상위 미디어 유형 을 게시하여 글꼴 파일에 적합한 미디어 유형을 크게 단순화했습니다.

이 메모는 "글꼴"최상위 미디어 유형을 등록하고 문서화하는 데 사용되며 글꼴의 표현 형식에 대한 하위 유형을 등록 할 수 있습니다. 이 문서는 또한 이미 사용중인 일부 기존 하위 유형을 나타내며 현재 별도의 등록으로 "응용 프로그램"트리에 등록 된 일련의 의도 된 하위 유형에 대한 등록 애플리케이션 역할을합니다.

이 문서는 매우 읽기 쉬운 문서이며 미디어 유형과 하위 유형이 혼동되는 역사적 맥락 ( “글꼴 형식의 등록”이 부족함)을 설명합니다 . 최근 다운로드 가능한 웹 글꼴의 인기가 상대적으로 높아짐에 따라 W3C는 "직관적 인 최상위 글꼴 유형" 의 필요성을 인식했습니다 . 그들이 생각 해낸 것은 ... font.

따라서, IANA는 이후 자신 업데이트 한 미디어 유형의 공식 목록 와 font용지 종류와 그들이 현재 인식하는 모든 하위 유형 :

collection  font/collection
otf     font/otf
sfnt    font/sfnt
ttf     font/ttf
woff    font/woff
woff2   font/woff2

이것이 이것이이 질문에 필요한 마지막 답변이기를 바랍니다.

NGINX 솔루션은 다음과 같습니다

파일

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

더하다

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

없애다

application/octet-stream        eot;

Mike Fulcher에게 감사합니다

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

Debian Linux 및 OS X Leopard 및 Snow Leopard에서 테스트 된 Apache 2.2 VirtualHosting 및 mod_mime에 관한 FWIW :

VirtualHost 구성이있는 경우 최소한 구성 맨 아래에서 다음과 같이 AddType 지시문을 통해 유형을 추가하려고합니다.

....
   AddType font/opentype .otf
   AddType font/ttf .ttf
</VirtualHost>

Chrome Unstable / Trunk 및 Safari WebKit Nightly에 대해 테스트하여 ttf 및 otf 글꼴 유형 모두에 대한 MIME 옥텟 스트림 경고를 제거합니다.

참고 : .htaccess는 VirtualHosting을 처리 할 때 효과가 없습니다. 여러 사이트를 위해 개발하는 경우 VirtualHosting 개발을 사용하며 각 구성에는 이러한 AddType 추가가 필요합니다.

방금 IANA 공식 목록 에 대해 조사했습니다 . MIME 표준에 'font'유형이 없으므로 'font / xxx'에 주어진 대답이 잘못되었다고 생각합니다.

RFC와 IANA에 따르면 2013 년 5 월 현재 상태가 다음과 같이 나타납니다.

이 세 가지는 공식적이며 IANA가 지정합니다.

• "image / svg + xml"로 svg
• "응용 프로그램 / font-woff"로 woff
• "application / vnd.ms-fontobject"로 eot

이들은 공식 / 할당이 아니므로 'x-'구문을 사용해야합니다.

• "응용 프로그램 / x-font-ttf"로 ttf
• "application / x-font-opentype"으로 otf

응용 프로그램 / font-woff는 2013 년 1 월 이후로 새롭고 공식적인 것으로 보입니다. 따라서 "application / x-font-woff"는 단기적으로 더 안전하고 호환 될 수 있습니다.

2013 년 3 월부터 IANA.ORG 는 .otf를 권장 합니다 .
application/font-sfnt

다른 글꼴 :

.eot  ->  application/vnd.ms-fontobject (as from December 2005)
.otf  ->  application/font-sfnt         (as from March 2013)
.svg  ->  image/svg+xml                 (as from August 2011)
.ttf  ->  application/font-sfnt         (as from March 2013)
.woff ->  application/font-woff         (as from January 2013)

참조 더 ...

eBook 공간에서 다음을 사용할 수 있습니다.

application/vnd.ms-opentype

웹과 동일하다고 생각합니다.

woff 용 application / font-woff : http://www.iana.org/assignments/media-types/application/font-woff

2017 년 2 월 현재 RFC 8081 은 IANA 미디어 유형 목록 에도 나열된 글꼴 / * 미디어 유형을 추가 합니다. font/otf이 목록에 있습니다.

어쩌면 이것은 누군가를 도울 것입니다. IIS 7 .ttf에서 이미 알려진 MIME 유형이라는 것을 알았습니다. 다음과 같이 구성됩니다.

application/octet-stream

난 그냥 추가 한 모든 CSS 글꼴 유형 (그래서 .oet, .svg, .ttf, .woff) 및 IIS 그들을 제공하기 시작했다. Chrome 개발 도구는 유형을 다시 해석하는 것에 대해 불평하지 않습니다.

건배, 마이클

Chrome 에서이 경고 를 끄는 한 가지 방법 은 Chrome 을 업데이트 한 다음 MIME 유형이 다음 중 하나인지 확인하는 것입니다.

 "font/ttf"
 "font/opentype"
 "application/font-woff"
 "application/x-font-type1"
 "application/x-font-ttf"
 "application/x-truetype-font"

이 목록은 webkit.org의 버그 111418에 있는 패치별로 제공 됩니다.

동일한 패치로 '경고'에서 '로그'로 메시지가 강등되므로 2013 년 3 월 이후 버전으로 Chrome을 업그레이드하면 노란색 삼각형이 사라집니다.

질문은 Chrome 경고를 표시하는 것에 관한 것이며 사람들은 어떤 이유로 든 이전 Chrome 버전을 사용하고있을 수도 있기 때문에 추가 할 가치가 있다고 생각했습니다.