@font-face 선언이 Chrome에서 잘못된 MIME 유형을 표시하는 이유는 무엇입니까?-CSS 튜토리얼-php.cn

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

Susan Sarandon

풀어 주다： 2024-10-25 22:28:02

원래의

860명이 탐색했습니다.

Why does my @font-face declaration display an incorrect MIME type in Chrome?

'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 중국어 웹사이트의 기타 관련 기사를 참조하세요!