Warum wird meine benutzerdefinierte Schriftart in Firefox, aber nicht in Chrome angezeigt?

Chrome zeigt keine benutzerdefinierte Schriftart an: MIME-Typ stimmt nicht überein

Problem:

Eine benutzerdefinierte Schriftartdeklaration mit @font-face wird in Firefox korrekt angezeigt, schlägt jedoch in Chrome fehl. Chrome meldet einen Fehler: „Ressource als Schriftart interpretiert, aber mit MIME-Typ application/octet-stream übertragen.“

Antwort:

Verschiedene Browser unterstützen unterschiedliche Schriftarten. Um die browserübergreifende Kompatibilität sicherzustellen, verwenden Sie eine umfassende @font-face-Deklaration, die mehrere Schriftartformate umfasst:

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

Das .eot-Format ist für Internet Explorer, während die übrigen Browser .woff oder .ttf verwenden . Generieren Sie die verschiedenen Schriftartformate bei Bedarf mit dem Font-Face-Generator von Font Squirrel.

Fügen Sie außerdem eine .htaccess-Datei zum Verzeichnis hinzu, in dem sich die Schriftarten befinden, und schließen Sie die folgenden MIME-Typen ein:

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 wird meine benutzerdefinierte Schriftart in Firefox, aber nicht in Chrome angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!