웹을 검색하면 글꼴에 적합한 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/XXX
WOFF v2에 대한 제안에서 W3C가 뒷받침하는 것처럼 위의 모든 것을 MIME 유형으로 변경하려는 움직임이 있습니다 . 이것은 IETF (Internet Engineering Task Force)에 의해 글꼴 최상위 레벨 유형 아래에서 추적되고 있으며 2017 년 2 월에 승인 된 RFC 상태 ( RFC 8081 참조 )이므로 아직 변경 될 수 있습니다!
웹 서버의 주제에서 HTTP 응답은 & 이미 압축 된 & 를 gzip
제외한 위의 모든 글꼴 형식을 압축 할 수 있습니다 (또는 압축) ..woff
.woff2
답변
컴퓨팅에서 두 가지 어려운 일 중 하나의 특정 사례로서, 이 질문이 처음 게시 된 이후이 질문에 대한 답변이 어떻게 바뀌 었는지 보는 것이 흥미 롭습니다. 고맙게도, 혼란에 질서를 부여한 힘 :
올해 (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에게 감사합니다
답변
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 추가가 필요합니다.