Warum wird mein @font-face im Internet Explorer nicht angezeigt, funktioniert aber in Firefox einwandfrei?

Internet Explorer: @font-face wird nicht gerendert

Beim Versuch, stilvolle Schriftarten in eine Website zu integrieren, stößt ein Entwickler auf ein Problem, bei dem Die Schriftarten werden in Firefox einwandfrei angezeigt, im Internet Explorer jedoch nicht. Trotz der Hinweise in den Apache-Zugriffsprotokollen, dass der IE auf die Schriftarten zugegriffen hat, führt das CSS-Tag @font-face nicht zu einer ordnungsgemäßen Darstellung.

Um dieses Problem zu beheben, verwendete der Entwickler ein Tool zum Konvertieren von Schriftarten in das EOT-Format , nämlich Kirsles TTF2EOT-Konverter. Das WEFT-Tool von Microsoft erwies sich jedoch als unwirksam, da die Anwendung bei der Initialisierung hängen blieb.

Das CSS des Entwicklers für die Schriftartendefinition lautet wie folgt:

@font-face
{
   font-family: 'HelveticaLTCN';
   src: url('HelveticaNeueLTCom-LtCn_0.eot');
   src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType');
}

Die Schriftart wird anschließend wie folgt aufgerufen CSS:

p .mytext
{
   font-family: HelveticaLTCN;
}

Lösung: Verwendung von Font Squirrel

Um dieses Hindernis zu überwinden, wird dringend empfohlen, die Dienste von Font Squirrel in Anspruch zu nehmen. Dieses Tool übertrifft WEFT hinsichtlich der Funktionalität und bietet eine überlegene Lösung für Kreuzkompatibilität. Font Squirrel ermöglicht die Generierung aller wichtigen browserübergreifenden Formate in einer einzigen ZIP-Datei, begleitet von einer umfassenden CSS-HTML-Beispielseite.

Der Einsatz von Font Squirrel ermöglicht ein beispielloses Maß an Einfachheit und Effizienz bei der Implementierung von @fontface , bietet den effektivsten Ansatz, um eine optimale Schriftwiedergabe in einer Vielzahl von Webbrowsern zu erreichen.

Das obige ist der detaillierte Inhalt vonWarum wird mein @font-face im Internet Explorer nicht angezeigt, funktioniert aber in Firefox einwandfrei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!