Warum zeigt meine @font-face-Regel Schriftarten in IE9 nicht an?

@font-face-Anzeigeprobleme in IE9

Sie haben Probleme mit der @font-face-Regel, bei der Schriftarten im Internet Explorer nicht angezeigt werden 9 (IE9), obwohl sie in anderen Browsern funktionieren, einschließlich IE8. Darüber hinaus sind die Schriftarten sichtbar, wenn sie lokal angezeigt werden, nicht jedoch, wenn die Website live gehostet wird.

Die betreffende Website ist bigwavedesign.co.uk/gcc/gcc/ und der für den @font verwendete CSS-Code -face-Regel lautet:

<code class="css">@font-face {
  font-family: 'LeagueGothicRegular';
  src: url('league_gothic_0-webfont.eot');
  src: local('League Gothic Regular'), url('league_gothic_0-webfont.woff') format('woff'), url('league_gothic_0-webfont.ttf') format('truetype'), url('league_gothic_0-webfont.svg#webfonta36nFpyE') format('svg');
  font-weight: normal;
  font-style: normal;
}</code>

Anscheinend scheint dieses Problem kein Einzelfall zu sein, da andere ähnliche Probleme gemeldet haben. Der Hauptunterschied zwischen IE9 und anderen Browsern besteht darin, dass IE9 anscheinend die .woff-Version der Schriftart anstelle der .eot-Version verwendet, die andere Browser verwenden. Dies führte zu einer Lösung, bei der die .woff-Version in das Projekt einbezogen wurde, was dazu führte, dass die Schriftart in allen IE-Versionen ordnungsgemäß funktionierte.

Die folgende geänderte @font-face-Regel enthält die .woff-Version und wird gemeldet Beheben Sie das Problem:

<code class="css">@font-face {
  font-family: "LucidaFax-bold";
  src: url("_font/LucidaFax-bold.eot");
  src: local("☺"),
  url("_font/LucidaFax-bold.woff") format("woff"),
  url("_font/LucidaFax-bold.ttf") format("truetype"),
  url("_font/LucidaFax-bold.svg#LucidaFax-bold") format("svg");
  }</code>

Durch die Aufnahme der .woff-Version in die @font-face-Regel kann sichergestellt werden, dass die Schriftart in IE9 korrekt angezeigt wird und gleichzeitig die Kompatibilität mit anderen Browsern gewahrt bleibt.

Das obige ist der detaillierte Inhalt vonWarum zeigt meine @font-face-Regel Schriftarten in IE9 nicht an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!