@font-face 선언이 Chrome에서 잘못된 MIME 유형을 표시하는 이유는 무엇입니까?

'font-face' 선언이 Chrome에서 잘못된 MIME 유형을 표시합니다

아래 @font-face 선언을 사용하는 경우:

<code class="css">@font-face {
    font-family: SolaimanLipi;
    src: url("font/SolaimanLipi_20-04-07.ttf");
}</code>

it Firefox에서는 완벽하게 작동하지만 Chrome에서는 실패합니다. 요소를 검사하면 다음 메시지가 나타납니다.

Resource interpreted as font but transferred with MIME type application/octet-stream.

이러한 브라우저 간 호환성 문제를 해결하려면 Paul Irish가 제안한 다목적 @font-face 선언을 고려하세요.

<code class="css">@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
         url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}</code>

이 선언은 다음을 제공하여 다양한 브라우저에 적합합니다.

• Internet Explorer의 경우
• .woff 또는 기타 브라우저의 경우 .ttf

이러한 글꼴을 생성하려면 원본 소스의 유형을 사용하려면 Font Squirrel의 글꼴 생성기를 활용하세요.

또한 .htaccess 파일을 추가하여 글꼴 유형을 정의하세요.

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

위 내용은 @font-face 선언이 Chrome에서 잘못된 MIME 유형을 표시하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!