Warum zeigt meine @font-face-Deklaration in Chrome einen falschen MIME-Typ an?

'font-face'-Deklaration zeigt falschen MIME-Typ in Chrome an

Bei Verwendung der folgenden @font-face-Deklaration:

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

it Funktioniert einwandfrei in Firefox, schlägt jedoch in Chrome fehl. Bei der Prüfung des Elements wird die folgende Meldung angezeigt:

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

Um dieses Problem der browserübergreifenden Kompatibilität zu beheben, sollten Sie die von Paul Irish vorgeschlagene vielseitige @font-face-Deklaration in Betracht ziehen:

<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>

Diese Erklärung richtet sich an verschiedene Browser, indem sie Folgendes anbietet:

• .eot für Internet Explorer
• .woff oder .ttf für andere Browser

Um diese Schriftart zu generieren Um Schriftarten aus der Originalquelle zu verwenden, verwenden Sie den Schriftartengenerator von Font Squirrel.

Fügen Sie außerdem eine .htaccess-Datei hinzu, um die Schriftarten zu definieren:

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

Das obige ist der detaillierte Inhalt vonWarum zeigt meine @font-face-Deklaration in Chrome einen falschen MIME-Typ an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!