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

Я уже нашел все это: 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 значки не загружаются...

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

Ответ 1

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

потому что обычные файлы шрифтов должны содержать коды и могут быть загружены при открытии в браузере следующим образом: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v= 4.7.0

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

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

Ответ 2

Я просто отвечаю на это для более поздних зрителей. Если вы работаете с плагином 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>

Ответ 3

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

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

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

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

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

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

Ответ 4

Подобно использованию 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-ответа.

Ответ 5

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

Ответ 6

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

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

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

Ответ 7

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

Вот пример, как это могло бы выглядеть:

*.svg text eol=lf

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

Подробнее об этом здесь

Ответ 8

Это может быть список из нескольких причин от поврежденных файлов до проблем с сервером. Я просто исправил свою проблему, переключившись на замечательную ссылку CDN. Надеюсь, это поможет.