Magento Go-Schriftarten Vermögenswerte nicht in IE9-10 und Firefox [geschlossen

Question

Ich arbeite momentan an einer Magento Go -Site. Ich habe eine Web -Schriftart bei der Schriftfeder gekauft und die 4 Schriftartdateien (EOT, WOFF, TTF und SVG) über das Administratorsystem über das Tool mit Schriftart Assets über das Administratorsystem hochgeladen.

Wenn ich die Schriftarten einfüge, wird der folgende CSS -Code meinem benutzerdefinierten CSS hinzugefügt:

../css_editor_fonts/ProximaNova-Sbold-webfont.eot
../css_editor_fonts/ProximaNova-Sbold-webfont.ttf
../css_editor_fonts/ProximaNova-Sbold-webfont.woff
../css_editor_fonts/ProximaNova-Sbold-webfont.svg

Ich habe diese relativen Pfade dann auf die richtige Kreuzbrowser-kompatible @font-face-Deklaration angewendet, siehe unten:

@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../css_editor_fonts/ProximaNova-Sbold-webfont.eot');
    src: url('../css_editor_fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

Die Schriftart wird in meinen benutzerdefinierten CSS wie SO verwiesen:

font-family: 'proxima_nova_ltsemibold';

Dies funktioniert in IE7/8 und dem neuesten Chrom, aber nicht in IE 9/10 oder Firefox.

Ich denke, der Grund, warum die Schriftart in IE9/10 nicht funktioniert und Firefox auf eine Cross-Origin-Anfrage zurückzuführen ist, die ich ziemlich viel gesehen habe, und meine IE-Konsole enthält diesen Fehler:

@Font-Face fehlgeschlagene Cross-Origin-Anfrage. Der Zugang zu Ressourcen ist eingeschränkt.

Es gibt eine Bearbeitung, die an eine HTAccess-Datei durchgeführt werden kann, mit der die Schriftarten in diesen Browsern funktionieren können-es wird als Access-Control-Allow-Origin aus dem bezeichnet, was ich gelesen habe.

Weiß jemand, ob Sie eine HTaccess -Datei für Magento Go aktualisieren oder erstellen können?

Prost.

Answer 1

Ich konnte nicht in der Lage sein, hochgeladene Schriftdateien für alle Browser zugestellt zu werden, aber ich habe es geschafft, eine Schriftart zu servieren http://fontdeck.com/. Welcher Schriftartservice, den Sie verwenden, ist irrelevant, aber ich konnte einen erfolgreichen verwenden.

Ich sprach mit einem Mitglied des Magento Go-Support-Teams (über Live-Chat) und erklärte die Probleme, die ich mit hochgeladenen Schriftdateien hatte, die in verschiedenen Browsern nicht zugestellt wurden, weil er origines Anfragen hat. Ich erklärte die HTAccess -Lösung, um das Servieren von Schriftarten zu ermöglichen, und ihre Reaktion lag ungefähr im Sinne „Unsere Server unterstützen keine benutzerdefinierten HTaccess -Dateien“.

Ich habe versucht, absolute Pfade für die SRC-Eigenschaften der @font-face-Regel zu verwenden, aber ich denke, Magento Go fügt diese sowieso zu Ihrem benutzerdefinierten CSS hinzu, da sie aus dem Themeneditor verarbeitet und mit den Vorlagen verknüpft zu werden scheint.

Bearbeiten: Ich habe vergessen zu erwähnen, dass ich auch versucht habe, die Schriftartdateien mit dem Font Squirrel Web Font Generator (Font Squirrel Web Font Generator (http://www.fontsquirrel.com/tools/webfont-generator). Ich habe meine gekauften Dateien hochgeladen, die erforderlichen erweiterten Einstellungen aktiviert und das CSS mit der codierten Schriftart heruntergeladen (denken Sie, es war nur ein Woff, das codiert wurde) und hat diesen CSS auf mein Thema hochgeladen ... und dann Magento Go go den gleichen absoluten Weg zum Auftrag angewendet. Die SRC -Eigenschaft brach die codierte Schrift, weil sie eine zufällige URL davor hatte.

Ich habe ein Support -Ticket mit Magento Go erläutert und die Probleme erklärt und gefragt, was sie tun möchten, um alle Browser hochgeladenen Schriftartdateien zu ermöglichen. Ich hoffe, dass es auf eine Feature -Anfrage oder ähnliches angehoben wird.

Im Moment muss es sich um einen Schriftartservice handeln. Ich habe den JavaScript -Einbettungscode aus dem Schriftart Deck verwendet. Ich habe die bereitgestellten JS in einem statischen Block platziert und diesen Block dann mit einer Front -End -App zu allen Seiten hinzugefügt. Sie können die HTML -Link -Einbettungsmethode von der Schriftdecke verwenden, muss jedoch dem Header vor allen Skript -Tags hinzugefügt werden, die mit dem Theme -Editor von Magento Go nicht möglich sind.

Ich hoffe, dies kann jemandem kurzfristig helfen. Langfristig hoffe ich, dass Magento eine Lösung für diese Probleme finden.

Answer 2

Bitte versuchen Sie, absolute vollständige Pfade (mit HTTPS/HTTP) für die Schriftarten anstelle von relativen Pfaden zu verwenden.