FontAwesome - 无法解码下载的字体

Question

我发现了这一切:https://stackoverflow.com/search ？ q = Fail + 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中,图标总是不加载...

有谁知道如何解决这个问题？

Answer 1

我只是为后来的观众回答这个问题.如果您使用的是Maven的战争插件工作确保您排除.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 2

问题不在于您的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 3

我遇到了同样的问题,最终设法解决了.它可能会帮助某人.

我有一个很大的.htacces文件,有很多RewriteCond's'和RewriteRules,还使用以下行来过滤这些条件中的一些文件夹:

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

添加fonts文件夹(简称为fonts,位于public_html /)后,问题就解决了.

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

请注意,此行应该在.htaccess文件的顶部才能正常工作.

Answer 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 answer 中得到了解决方案。