FontAwesome - Impossibile decodificare font scaricato

Question

ho trovato questo giá: https://stackoverflow.com/search?q=Failed+to+decode+downloaded+font

ma le risposte non aiutarli a risolvere il mio problema =/

ho ricevuto sulla mia pagina di questo errori nella 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 alla mia pagina: http://devcomlink.kunena.dev-monkeys.com/index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9

in Firefox e IE11 le icone totalmente dont carico ...

Qualcuno ha idea di come posso risolvere questo problema?

Answer 1

Il problema non è con il vostro HTML o codice CSS ... Deve essere con i file dei font o il server,

perché normali file dei font devono contenere codici e può essere scaricato quando viene aperto in browser come questo: http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0

Mentre i file sembra vuota senza alcun codice, anche quando scaricato: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.eot?v=4.3.0

Prova a sostituire i file ...

Answer 2

Ho avuto lo stesso problema e alla fine sono riuscito a risolverlo. Potrebbe aiutare qualcuno.

devo piuttosto un file di grandi dimensioni Htacces, con un sacco di RewriteCond 's e RewriteRule' s, e utilizzato anche la seguente riga di filtrare alcune cartelle da quelle condizioni:

RewriteRule ^(css|functions|js|media|tpl|vendor)($|/) - [L] 

---

Upon aggiungendo la cartella dei font (chiamata semplicemente font e situata in public_html /), il problema è stato risolto.

RewriteRule ^(css|fonts|functions|js|media|tpl|vendor)($|/) - [L]

---

Si noti che questa linea dovrebbe essere abbastanza nella parte superiore del vostro file .htaccess a lavorare.

Answer 3

Per quello che vale, mi sono imbattuto in questo problema sul mio server web condiviso. Le autorizzazioni sui miei file di caratteri e sulla cartella che li includeva erano errate. Mi ci sono voluto per sempre per capirlo. Li ho cambiati in 755 per la cartella e 644 per i file dei font. Funziona perfettamente ora.

Answer 4

Sto solo rispondendo per gli spettatori successivi. Se stai lavorando con un plugin di maven-war, assicurati di escludere i file .woff e .ttf nel filtro o di rendere i file corrotti.

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

Answer 5

Un po 'tardi per il gioco, ma questo è ciò che ha risolto il tutto per me su .NET MVC dovrebbe funzionare su WebForms anche. Se stai usando FA o GI per decorare il tuo modulo di Login, la cartella Fonts sarà ristretta. Puoi dare il permesso in anticipo facendo questo nel tuo web.config

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

Spero che questo aiuti qualcuno là fuori!

Answer 6

Simile all'uso maven-war-plugin, se si utilizza maven-resources-plugin è necessario specificare che i file di caratteri estensioni non dovrebbero essere filtrati:

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

Got la soluzione da questo SO answer.

Answer 7

La risposta @ mujtaba-fadhel dovrebbe risolvere il problema nella maggior parte dei casi. Ma se stai usando git, potresti voler impostare le estensioni dei font in binario solo nel caso in cui vengano convertiti in testo. È necessario creare un file .gitattributes nella root del progetto.

questo è un esempio di come potrebbe apparire come:

*.svg text eol=lf 

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

See more about that here