web-dev-qa-db-fra.com

FontAwesome - Impossible de décoder la police téléchargée

J'ai déjà trouvé ceci: https://stackoverflow.com/search?q=Failed+to+decode+downloaded+font

Mais les réponses ne m'aident pas à résoudre mon problème = /

J'ai eu sur ma page ces erreurs dans la console:

Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.woff2
    index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9:1 Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.woff
    index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9:1 Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.ttf

URL de ma page: http://devcomlink.kunena.dev-monkeys.com/index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9

dans Firefox et IE11, les icônes ne se chargent pas totalement ...

Quelqu'un a-t-il une idée de comment résoudre ce problème?

cssfontslessfont-awesome
10
Shimakuro

Le problème ne vient pas de votre code HTML ou CSS ... Ce doit être avec les fichiers font ou le serveur,

parce que les fichiers de police normaux doivent contenir des codes et peuvent être téléchargés s’ils sont ouverts dans le navigateur, comme ceci: http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.eot?v= 4.3.0

Même si vos fichiers semblent vides, sans code, même après téléchargement: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.eot?v= 4.3.0

Essayez de remplacer les fichiers ... 

15
MujtabaFR

Je réponds simplement à cela pour les téléspectateurs ultérieurs. Si vous travaillez avec un plugin maven-war-plug-in, assurez-vous d'exclure les fichiers .woff et .ttf du filtre, sinon maven corrompra les fichiers.

<plugin>
    <groupId>org.Apache.maven.plugins</groupId>
    <artifactId>maven-war-plugin</artifactId>
    <configuration>
        <filteringDeploymentDescriptors>true</filteringDeploymentDescriptors>
        <webResources>
            <resource>
                <directory>${basedir}/src/main/webapp</directory>
                <targetPath />
                <filtering>true</filtering>
                <excludes>
                    <exclude>**/*.woff</exclude>
                    <exclude>**/*.woff2</exclude>
                    <exclude>**/*.ttf</exclude>
                </excludes>
            </resource>
        </webResources>
    </configuration>
</plugin>
19
user1309946

Comme pour l'utilisation de maven-war-plugin, si vous utilisez maven-resources-plugin, vous devez spécifier que les extensions de fichiers de polices ne doivent pas être filtrées:

<plugin>
    <artifactId>maven-resources-plugin</artifactId>
    <version>2.7</version>
    <configuration>
        <encoding>UTF-8</encoding>
        <nonFilteredFileExtensions>
            <nonFilteredFileExtension>ttf</nonFilteredFileExtension>
            <nonFilteredFileExtension>woff</nonFilteredFileExtension>
            <nonFilteredFileExtension>woff2</nonFilteredFileExtension>
        </nonFilteredFileExtensions>
    </configuration>
</plugin>

Vous avez la solution de cette SO réponse .

4
Pom12

Pour ce que cela vaut, j'ai rencontré ce problème sur mon serveur Web partagé. Les autorisations sur mes fichiers de police et le dossier qui les entourait étaient incorrectes. Il m'a fallu une éternité pour le comprendre. Les a changés à 755 pour le dossier et 644 pour les fichiers de police. Fonctionne parfaitement maintenant.

2
Agent Zebra

Un peu tard dans le jeu, mais c’est ce qui l’a corrigé pour moi sur .NET MVC devrait également fonctionner sur WebForms. Si vous utilisez FA ou GI pour décorer votre formulaire de connexion, le dossier Polices sera restreint. Vous pouvez donner la permission à l'avance en faisant cela dans votre web.config

<location path="fonts">
    <system.web>
     <authorization>
     <allow users="*" />
     </authorization>
    </system.web>
</location>

J'espère que cela aide quelqu'un là-bas!

2
BasicIsaac

La réponse de @ mujtaba-fadhel devrait résoudre le problème dans la plupart des cas. Mais si vous utilisez git, vous voudrez peut-être définir vos extensions de police sur binaire au cas où il serait converti en texte. Vous devez créer un fichier .gitattributes à la racine de votre projet.

Voici un exemple à quoi cela pourrait ressembler:

*.svg text eol=lf

*.eot binary
*.ttf binary
*.woff binary

Voir plus à ce sujet ici

0
Darlesson

Il peut s'agir d'une liste de plusieurs raisons de fichiers corrompus à des problèmes de serveur. J'ai simplement résolu mon problème en optant pour un lien CDN fontawesome. J'espère que cela pourra aider.

0
Marshall Fungai