2015-03-30 9 views
29

This exception occurs in here. Sie können es in IE11 reproduzieren. Bisher habe ich die Ursache des Problems nicht gefunden. Irgendwelche Ideen, warum das verursacht wird?@ font-face ist fehlgeschlagen OpenType-Einbettungserlaubnisprüfung. Die Berechtigung muss Installierbar sein

enter image description here

CSS3114: @ font-face fehlgeschlagen Opentype-Berechtigungsprüfung einbetten. Berechtigung muss installierbar sein. Datei: 53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf

Die Website ist auf Azure Websites ausgeführt und wird mit ASP.NET MVC 5.

+0

Ich habe den gleichen Fehler in IE11; aber wenn ich das Aussehen in IE11 und in Firefox 31 vergleiche, sehen die Fonts identisch aus. Wenn ich mir die Dev-Tools anschaue, wird das CSS-Attribut 'font-family' auf die richtige Schriftart gesetzt. Weiß jemand, ob die Schriftart, die gerendert wird, das '@ font-face' aus der Datei' * .ttf' ist, die nicht installiert werden konnte? Kann es also sein, dass trotz des Fehlers 'CSS3114' die gewünschte Schriftart geladen und angezeigt wird? – surfmuggle

+0

Basierend auf @ NathanOliver's Vorschlag, poste ich einen Kommentar anstelle einer Antwort. Wenn Sie eine Notwendigkeit, die Schrift in der Zukunft zu konvertieren, siehe meine Antwort hier: http://stackoverflow.com/a/34209206/904344 – NobleUplift

+1

einen Chrom-Addon wie WhatFont verwenden, um zu überprüfen, welche Schriftart tatsächlich verwendet werden – Ringo

Antwort

18

Fest durch Zugabe

<staticContent> 
    <mimeMap fileExtension=".woff" mimeType="application/octet-stream" /> 
</staticContent> 

unter

<system.webServer> 

in web.config.

Edit:

Probleme mit daraus folgenden Veröffentlichungen zu verhindern, empfehle ich, dies zu tun:

<staticContent> 
     <remove fileExtension=".woff" /> 
     <mimeMap fileExtension=".woff" mimeType="application/octet-stream" /> 
</staticContent> 
+0

Könnten Sie hinzufügen Informationen, wenn das Rendering der angezeigten Seite/des Elements anders dargestellt wurde, bevor Sie das Update angewendet haben? – surfmuggle

+1

@threeFourOneSixOneThree Wenn ich mich richtig erinnern kann, habe ich keine Veränderung bemerkt. –

+2

Was könnte eine äquivalente NodeJS-Lösung sein? – vinesh

0

IE nicht unterstützt Ttf nur Schriftdateien verwenden .eot

@font-face { 
    font-family: 'Font-Name'; 
    src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'); 
    src: url('../fonts/Font-Name.ttf') format('truetype'); 

}

7

Sibaspage Antwort wies mich in die richtige Richtung. Aber ich sehe immer noch die Fehlermeldung in IE11. Für mich funktionierte es mit der folgenden Syntax:

@font-face { 
    font-family: 'Font-Name'; 
    src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/Font-Name.ttf') format('truetype'); 
} 
+0

bitte können Sie entfernen Ihre Antwort, da es das gleiche wie das oben ist –

+1

@jakub Wie ist es das gleiche? tatsächlich ist das oben genannte falsch, können Sie nicht die "src" mehrmals – mhyassin

+0

Arbeitete für mich. Danke! –