FontAwesome - Не удалось расшифровать загруженный шрифт

Question

я нашел Allready это: https://stackoverflow.com/search?q=Failed+to+decode+downloaded+font

Но ответы не помогают исправить мою проблему =/

я получил на моей странице этой ошибки в консоли:

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 на мою страницу: http://devcomlink.kunena.dev-monkeys.com/index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9

в Firefox и IE11 значки суммарно DonT нагрузки ...

У кого-нибудь есть идея, как я могу это исправить?

Answer 1

Проблема не с HTML или CSS кодом ... Он должен быть с файлами шрифты или сервером,

потому, что обычные файлы шрифты, которые должны содержать коды и могут быть загружен при открытии в браузере, как это: http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0

в то время как ваши файлы выглядят пустыми, без какого-либо кода, даже при загрузке: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.eot?v=4.3.0

Попробуйте заменить файлы ...

Answer 2

У меня была такая же проблема и, наконец, удалось ее решить. Это может помочь кому-то.

У меня есть довольно большой .htacces файл, с большим количеством RewriteCond х и RewriteRule-й лет, а также использовал следующую строку, чтобы отфильтровать некоторые папки из этих условий:

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

---

После добавив папку шрифтов (просто называемые шрифтами и находящиеся в public_html /), проблема была решена.

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

---

Обратите внимание, что эта линия должна быть достаточно в верхней части вашего файла .htaccess, чтобы работать.

Answer 3

Для чего это стоит, я столкнулся с этой проблемой на своем общем веб-сервере. Разрешения на мои файлы шрифтов и вложенную папку были неверными. Взял меня навсегда, чтобы понять это. Изменили их до 755 для папки и 644 для файлов шрифтов. Прекрасно работает.

Answer 4

Я просто отвечаю на это для более поздних зрителей. Если вы работаете с плагином maven-war, убедитесь, что вы исключили файлы .woff и .ttf в фильтрацию или maven сделает файлы поврежденными.

<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

Немного поздно к игре, но это то, что установил ее для меня на .NET MVC должны работать на WebForms тоже. Если вы используете FA или GI для оформления вашей формы входа, папка Fonts будет ограничена. Вы можете заранее дать разрешение, сделав это в своей сети.config

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

Надеюсь, это поможет кому-то там!

Answer 6

Подобно maven-war-plugin использования, если вы используете maven-resources-plugin вам нужно указать, что файлы шрифтов расширения не должны быть отфильтрованы:

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

Получили решение от этого SO answer.

Answer 7

@ mujtaba-fadhel ответ должен решить проблему в большинстве случаев. Но если вы используете git, вам может потребоваться установить расширения шрифтов в двоичные файлы, только если он будет преобразован в текст. Вам необходимо создать файл .gitattributes в корне вашего проекта.

Это пример того, как это может выглядеть следующим образом:

*.svg text eol=lf 

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

See more about that here