@font-face wird nicht richtig angezeigt im IE

Ich habe die Suche stundenlang, Freunde gefragt und es hat nicht funktioniert. So ich hoffe, Euch können mir helfen. Mein Internetauftritt verwendet eine benutzerdefinierte schriftart, aber im IE(10) nicht unterstützt, die auf die Art und Weise ich es tun. Ich habe keine Ahnung, es unterstützt andere Methoden. Hier ist meins:

    @font-face { font-family: shardee; src:url('fonts/Shardee.ttf'); }

Es ist nicht notwendig, um eine benutzerdefinierte schriftart im Internet Explorer, aber es wäre schön.

Beim Internet Explorer kennt Sie nicht, die schriftart, es verwendet die Standard-schriftart. Aber das problem ist, dass die font-size der custom-font ist perfekt, aber der Internet Explorer Standard-schriftart ist viel zu groß. Ich habe versucht es zu beheben mit einer IE-spezifischen css-code, aber es funktioniert einfach nicht bei allen. Ich bin mit dem folgenden css-code für Interner Explorer:

    <!--[if IE]>
      <style>
          #menu ul li{ font-size:15px; }
      </style>
    <![endif]-->

Ich habe auch versucht, es von einer externen stylesheet, welches wie folgt aussah:

    <!--[if IE]>
      <link  type="text/css" href="<?php echo get_stylesheet_directory_uri() ?>/style/ie.css" />
    <![endif]-->

Die Funktion verwende ich in dem php ist eine wordpress-Funktion, die bringt Sie auf den Pfad Ihrer website. Wenn Sie nicht mit wordpress, können Sie vergessen, dass code und lassen Sie es leer.

Das problem ist nicht der Pfad, der Pfad korrekt ist. Ich schaute in den Quellcode im browser, und es zeigte mir den code, ich habe im ie.css. Der code in ie.css ist genau das gleiche wie oben, aber ohne die tags ect.

Ich hoffe, Euch können mir helfen, mit diesem problem. 2 Lösungen sind möglich, soweit ich weiß. Lassen Sie das ie-spezifische css-Arbeit, oder zeigen Sie mir eine Möglichkeit zum erstellen von benutzerdefinierten Schriftarten im IE. Ich bin mit dem Internet Explorer version 10.

Sehen Sie den Ort hier, aber sobald es behoben wird, es wird verschwinden, weil ich nicht brauchen, um es auf einer subdomain, sobald es behoben ist.

Freundlichen GRÜßEN,
Bart Roelofs

Um die Frage sinnvoll, um zukünftige Besucher, sollten Sie entweder den kompletten code einer demo in der Frage oder in einem angemessen dauerhaften URL einer online-demo, die nicht fixiert (D. H., die Ausgabe entfernt) immer.

InformationsquelleAutor Bart Roelofs | 2013-04-01

15

Mehrere font-Formate

Zur Unterstützung einer breiten Palette von Browsern, verwenden Sie eine .ttf, .woff und .eot version der schriftart.
```
@font-face {
    font-family: 'shardee';
    src: url('fonts/Shardee.eot');
    src: url('fonts/Shardee.eot?#iefix')
             format('embedded-opentype'),
         url('fonts/Shardee.woff') format('woff'),
         url('fonts/Shardee.ttf') format('truetype');
}
```
Können Sie eine Schriftart-Konvertierung website wie Font Squirrel, zu konvertieren, die .ttf schriftart in .woff und .eot.

DRM-false-positive -

Als @Jukka darauf hingewiesen, es gibt ein Juristisches Problem mit der TTF-Datei, die verhindern, dass es verwendet werden kann in Windows. In die IE-Entwickler-Konsole, wird die folgende Fehlermeldung angezeigt :
```
CSS3114: @font-face failed OpenType embedding permission check.
Permission must be Installable.
```
Shardee zu sein scheint, eine verlassene schriftart mit einem unbekannte Lizenz-Typ. Es mag zwar legal sein, die diese Schrift verwenden, Windows scheint zu erfordern, dass jede TTF-Datei ist DRM-info, die explizit sagt, es ist legal Einbettung in web-Seiten. Der Fehler im IE ist es höchstwahrscheinlich ein false positive.

Um dies zu testen, nahm ich eine TTF-Schrift verwendet werden, das bekannt ist rechtlich lizenziert für die Verwendung auf websites. Die TTF-version nicht im IE funktioniert, weil der DRM-Fehler. Dieses Beispiel ist definitiv ein false positive. Dies ist einer der Gründe, warum es notwendig ist die Verwendung mehrerer Schriftarten Formate, und warum ein einziges format wie TTF funktionieren nicht auf allen Browsern.

Obwohl Windows nicht erlauben den IE zu verwenden, die TTF-Datei, DH es können weiterhin verwenden, WOFF oder EOT-version. Sobald ich das getestet habe oben @font-face Regel auf einem lokalen webserver, mit allen drei font-Formate, die Schrift Shardee richtig gerendert in allen Versionen des IE (auch wenn es mit einer Fehlermeldung im IE developer console).

Schritte versuchen:
1. Konvertieren die .ttf Datei zu .woff und .eot
2. Hochladen .woff und .eot Dateien in das gleiche Verzeichnis wie die bestehende .ttf Datei.
3. Ersetzen Sie die @font-face Regel mit der oben. Ich reparierte ein paar Tippfehler in der ersten version.
Wenn Sie noch ein problem haben, kann es ein Problem mit dem web-server-Einstellungen. Verwandte Frage: IE9 blockt der download von cross-origin-web-font
- Danke für die Antwort. Aber es hat nicht funktioniert. Es funktioniert im chrome und Mozilla (und richtig mehr Browser habe ich nicht installiert). Aber ist funktioniert nicht in IE 10. Vielleicht habe ich ja etwas falsch, aber ich habe keine Ahnung, was sein sollte.
- Ich aktualisierte die Antwort mit weiteren Infos, sowie eine aktualisierte @font-face Regel das funktionierte gut in allen IE-Versionen auf einem lokalen web-server unter Verwendung der Schrift Shardee.
- Optional fügen Sie .svg - Dateien auf iOS-Version 4.1 und früheren Versionen.
- danke für die Hilfe, ich habe auch immer diese Fehlermeldung auf der Konsole . Schriftarten, die ich verwende, sind vielfältig. und Sie arbeiten gut, wenn ich die Anwendung in lokalen. aber wenn ich hochladen gleichen Anwendung und die Sonne von dort, es funktioniert nicht gut.
InformationsquelleAutor Matt Coughlin
2

Also das problem ist anscheinend, dass auf IE 10 das Menü, in das element mit id=menu ist, scheint nicht in den angegebenen schriftart "shardee" aber in die browser-Standardschrift. Dieser macht eigentlich das Menü lesbar ist. Aber technisch gesehen ist die Erklärung gesehen werden kann, in den Entwicklertools (F12 drücken, um Sie einzugeben), im Konsolenbereich. Die Fehlermeldung mit code CSS3114, erzählt, dass @font-face nicht bestanden die Prüfungen für die Nutzungsrechte für die Einbettung.

Check-out die Nutzungsrechte des font, und den Kontakt mit dem Urheber (das ist die Vermutung der guten Ideen) für den Erhalt der Rechte, wenn möglich.

InformationsquelleAutor Jukka K. Korpela
2

FontPrep ist eine ausgezeichnete Web-Font-Generator für Mac OS X. es wird sogar eine Schriftarten.css

InformationsquelleAutor S Harris
1

IE11:
Wenn Sie empfangen die CSS3114 Fehler-code im dev-tools, müssen Sie zum ändern des ersten bits der font-Datei. Dies ermöglicht IE die Schrift installieren.

Npm-Modul:
Sie können ttembed-js npm-Modul, das die änderungen für Sie.
https://www.npmjs.com/package/ttembed-js

Verwendung: ttembed-js path/to/Shardee.ttf

InformationsquelleAutor Arlo Carreon
0

Ich lief in das gleiche Problem und lief F12. Es scheint die Kompatibilitätsansicht wurde aktiviert IE10 für die Website, die ich war. Nachdem ich die Kompatibilitätsansicht deaktiviert die benutzerdefinierte schriftart angezeigt. Hoffe das hilft jemanden...

InformationsquelleAutor TryingToWork
0

Durch die Suche im web fand ich das online-tool führt einen Update auf die TTF-Schrift verwendet werden, so dass es anzeigbaren von Explorer:
https://www.andrebacklund.com/fontfixer.html

InformationsquelleAutor Giorgio Barchiesi

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.