내 맞춤 글꼴이 Firefox에는 표시되지만 Chrome에는 표시되지 않는 이유는 무엇입니까?

Chrome에서 맞춤 글꼴이 표시되지 않음: MIME 유형 불일치

문제:

@font-face를 사용한 맞춤 글꼴 선언 Firefox에서는 올바르게 표시되지만 Chrome에서는 실패합니다. Chrome에서 "리소스가 글꼴로 해석되었지만 MIME 유형 애플리케이션/옥텟 스트림으로 전송되었습니다."라는 오류를 보고합니다.

답변:

브라우저마다 글꼴 지원이 다릅니다. 브라우저 간 호환성을 보장하려면 여러 글꼴 형식을 포함하는 포괄적인 @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>

.eot 형식은 Internet Explorer용이고 나머지 브라우저에서는 .woff 또는 .ttf를 사용합니다. . 필요한 경우 Font Squirrel의 글꼴 생성기를 사용하여 다양한 글꼴 형식을 생성하세요.

또한 글꼴이 있는 디렉터리에 .htaccess 파일을 추가하고 다음 MIME 유형을 포함하세요.

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

위 내용은 내 맞춤 글꼴이 Firefox에는 표시되지만 Chrome에는 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!