web-dev-qa-db-ja.com

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では、アイコンはまったくロードされません...

誰も私がこれを修正する方法を知っていますか?

12
Shimakuro

問題は[〜#〜] html [〜#〜]または[〜#〜 ] css [〜#〜]コード...font filesまたはserver

通常のフォントファイルにはコードが含まれている必要があり、次のようにブラウザで開くとダウンロードできるためです。 https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont。 eot?v = 4.7.

ダウンロードしてもコードなしでファイルは空に見えますが、 http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.eot? v = 4.3.

ファイルを置き換えてみてください...

15
MujtabaFR

後の視聴者のためにこれに答えているだけです。 maven-war-pluginを使用している場合は、フィルタリングで.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>
20
user1309946

私は同じ問題を抱えていましたが、ようやく解決できました。それは誰かを助けるかもしれません。

大量のRewriteCondRewriteRuleを含むかなり大きな.htaccesファイルがあり、次の行を使用してこれらの条件からいくつかのフォルダーをフィルター処理しました。

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

フォントフォルダー(単にフォントと呼ばれ、public_html /にあります)を追加すると、問題は解決しました。

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

この行は.htaccessファイルの一番上にある必要があることに注意してください。

8

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

4
Pom12

価値のあることのために、共有Webサーバーでこの問題に遭遇しました。フォントファイルとそれを含むフォルダーのアクセス許可が正しくありません。それを理解するために永遠に私を連れて行った。フォルダを755、フォントファイルを644に変更しました。今完璧に動作します。

3
Agent Zebra

ゲームに少し遅れましたが、これが.NET MVCで修正されたのはWebFormsでも動作するはずです。 FAまたはGIを使用してログインフォームを装飾している場合、フォントフォルダーは制限されます。 web.configでこれを行うことにより、事前に許可を与えることができます

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

これが誰かに役立つことを願っています!

2
BasicIsaac

@ mujtaba-fadhelの回答は、ほとんどの場合、問題を解決するはずです。ただし、gitを使用している場合、テキストに変換される場合に備えて、フォント拡張機能をバイナリに設定することをお勧めします。プロジェクトのルートに.gitattributesファイルを作成する必要があります。

これは、次のような例です。

*.svg text eol=lf

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

詳細についてはこちらをご覧ください

0
Darlesson

破損したファイルからサーバーの問題まで、複数の理由のリストである可能性があります。 fontawesome CDNリンクに変更することで、単に問題を修正しました。お役に立てば幸いです。

0
Marshall Fungai