Font im IE / Edge wird nicht angezeigt (sonst überall)

[Robin007]

Hallo,

ich binde einen gekauften Font in eine Website ein. Alles ist wunderbar, nur der IE / Edge zickt.
Alle Browser sonst bringen die Schriftart (DrescherGroteskBT) korrekt.

https://www.web124.s138.goserver.host/

Gibt es da eine Lösung?

[tab]

Hilf mir mal das Problem zu finden. Mein Edge benutzt den Font jedenfalls.

[Spooky]

Sieh dir einfach die Konsole im IE an:

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable.

Siehe zB https://stackoverflow.com/questions/...must-be-instal

[Robin007]

Sieh dir einfach die Konsole im IE an:

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable.

Siehe zB https://stackoverflow.com/questions/...must-be-instal

Da muss ich passen, das verstehe ich nicht.

[Spooky]

Wo hast du die Schrift gekauft? Wie sieht das CSS aus, dass du vom Fonts Anbieter für die Webfont Einbindung bekommen hast?

[Spooky]

Aktuell sieht deine files/theme/theme-config/webfonts.css so aus:

@font-face {
    font-family: 'DrescherGroteskBT';
    src: url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.eot') format('eot');
    src: url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.woff') format('woff');
    src: url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

Ändere das auf

@font-face {
    font-family: 'DrescherGroteskBT';
    src: url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.eot');
    src: url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.eot?#iefix') format('embedded-opentype'),
         url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.woff') format('woff'),
         url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

[Robin007]

Wo hast du die Schrift gekauft? Wie sieht das CSS aus, dass du vom Fonts Anbieter für die Webfont Einbindung bekommen hast?

Danke, das war der entscheidene Hinweis für mich. Ich hatte den Font nicht selbst gekauft und hab ihn ohne den zugehörigen css-Code eingebunden. Den habe ich auf der alten Website gefunden, so hat es geklappt.
Jetzt läufts

[Robin007]

src: url('../../theme/webfonts/DrescherGroteskBT/298C3A_0_0.eot?#iefix') format('embedded-opentype')

Ja, genau das ist wohl die Zeile, die es dann auch im IE zum Laufen bringt.