Ich tue Vermögenswerte vorkompilieren, und führen Sie die Anwendung im Produktionsmodus. Nach der Kompilierung, wenn ich die Indexseite lade, erhalte ich folgende Warnungen in der Chrome-Konsole:
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
Das Problem ist, dass die Icons nicht geladen werden und stattdessen Quadrate angezeigt werden.
Wir haben die benutzerdefinierten Schriftarten verwendet und der Code ist:
@font-face {
font-family: 'icomoon';
src: font-url('icomoon.eot');
src: font-url('icomoon.eot?#iefix') format('embedded-opentype'),
font-url('icomoon.ttf') format('truetype'),
font-url('icomoon.woff') format('woff'),
font-url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
Ich weiß nicht, was auf meiner Seite fehlt. Ich habe viel gesucht und auch versucht, Lösung, aber nicht bekam keinen Erfolg. im Entwicklungsmodus seine Arbeit gut, aber don ' t wissen, warum seine Anzeige Quadrat in der Produktion Modus.
Ich bekam genau den gleichen Fehler, und in meinem Fall stellte sich heraus, dass es wegen eines falschen Pfades für die @font-face
Deklaration sein. Der Webinspektor hat sich nie mit einem 404 beschwert, da der Entwicklungsserver, den wir verwenden (Live-Server), so konfiguriert war, dass er bei jedem 404:s die standardmäßige index.html ausgibt. Ohne Details über Ihre Einrichtung zu kennen, könnte dies ein wahrscheinlicher Übeltäter sein.
Wenn der Server auf IIS und .net 4/4.5 läuft, fehlen möglicherweise Mime-/Dateierweiterungsdefinitionen in der Web.config - wie hier:
<system.webServer>
<staticContent>
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>
</system.webServer>
Mein Problem war, dass ich zwei Schriftarten deklariert wurde, und scss scheint zu erwarten, dass Sie den Namen der Schriftart deklarieren.
nach Ihrem
@font-face{}
müssen Sie deklarieren
$$my-font: "OpenSans3.0 oder was auch immer";`
und dies für jede Schriftart.
:-)