Question

Je travaille sur un site Magento Go pour le moment. J'ai acheté une police Web de Font Spring et téléchargé les 4 fichiers Télécharger (EOT, WOFF, TTF et svg) via le système d'administration à l'aide de l'outil actif de polices.

Lorsque j'insère les polices le code CSS suivant est ajouté à mon css personnalisé:

../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

Je l'ai ensuite appliqué ces chemins par rapport au @ cross-browser compatible correcte déclaration font-face, voir ci-dessous:

@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;

}

La police est référencée dans mon css personnalisé comme ceci:

font-family: 'proxima_nova_ltsemibold';

Cela fonctionne dans IE7 / 8 et Chrome dernière, mais pas dans IE ou Firefox 9/10.

Je pense que la raison pour laquelle la police ne fonctionne pas dans IE9 / 10 et Firefox est due à une demande croisée d'origine qui est quelque chose que j'ai vu beaucoup discuté, et ma console IE contient cette erreur:

  

@ font-face requête ayant échoué croisée d'origine. accès à la ressource est limitée.

Il y a une modification qui peut être fait dans un fichier htaccess pour permettre aux polices de travailler dans ces navigateurs - elle est appelée Access-Control-Allow-origine de ce que je l'ai lu.

Quelqu'un sait si vous pouvez mettre à jour ou créer un fichier htaccess pour Magento Go?

Vive.

Était-ce utile?

La solution

Je n'ai pas été en mesure d'obtenir les fichiers téléchargés police pour être servi à tous les navigateurs, mais j'ai réussi à obtenir une police à l'aide servi http://fontdeck.com/ . Quelle utilisation est la police vous servir un service hors de propos, mais je suis en mesure d'une utilisation réussie.

J'ai parlé avec un membre de l'équipe de soutien Magento Go (via le chat en direct) et expliqué les problèmes que je rencontrais avec les fichiers de police téléchargés ne sont pas servis dans les différents navigateurs en raison de demandes croisées origine. Je lui ai expliqué la solution htaccess pour permettre à la portion des polices et leur réponse a été à peu près le long des lignes de « nos serveurs ne prennent pas en charge les fichiers .htaccess personnalisé ».

Je tentais en utilisant des chemins absolus pour les propriétés src de la règle @ font-face, mais je pense que Magento Go ajoute ces derniers à votre CSS personnalisé de toute façon car il semble être traité à partir de l'éditeur de thème et liés dans les modèles.

Edit: J'ai oublié de mentionner que j'ai aussi essayé de base64 encoder les fichiers de polices dans le css en utilisant le générateur de polices Web Squirrel Police ( http://www.fontsquirrel.com/tools/webfont-generator ). J'ai téléchargé mes fichiers achetés, ont permis aux paramètres avancés nécessaires, téléchargé le CSS avec la police encodée (pense qu'il était juste woff qui a été codé), téléchargé que css à mon thème ... puis Magento Go appliqué le même chemin absolu du propriété src casser la police encodée becase il avait une URL aléatoire devant elle.

J'ai soulevé un ticket de support avec Magento Go expliquant les problèmes et a demandé à ce qu'ils ont l'intention de faire pour activer les fichiers de police uploadés être servi à tous les navigateurs. J'espère qu'elle est soulevée à une demande de fonctionnalité ou quelque chose de similaire.

Pour l'instant, il devra être une police au service service. J'ai utilisé le code d'intégration Javascript du pont Police. J'ai placé les js fournis dans un bloc statique puis ajouté ce bloc à toutes les pages en utilisant une application Front End. Vous pouvez utiliser la méthode intégrant lien html du pont de la police, mais il doit être ajouté à l'en-tête avant que les balises de script qui n'est pas possible en utilisant l'éditeur de thème Magento Go.

Espérons que cela peut aider quelqu'un à court terme. À long terme, je l'espère Magento Go trouver une solution à ce problème.

Autres conseils

S'il vous plaît essayez d'utiliser les chemins complets absolus (par https / http) pour les polices au lieu des chemins relatifs.

Licencié sous: CC-BY-SA avec attribution
Non affilié à magento.stackexchange
scroll top