无法解码下载的字体 Laravel答案

【问题标题】：Failed to decode downloaded font Laravel无法解码下载的字体 Laravel
【发布时间】：2018-09-02 21:35:25
【问题描述】：

这个问题让我发疯了，所以如果有人能够提供帮助，请提前谢谢！

我正在尝试在 Laravel 项目中使用自定义字体，但该字体不起作用，我在 Chrome 控制台中收到此消息：

Failed to decode downloaded font: https://womenbirthphoto.com/fonts/lucyrose-regular-webfont.woff

我对 .ttf 和 .woff2 字体有相同的信息。这是我的 CSS 代码中的内容：

    @font-face {
        font-family: 'Lucy Rose';
        src: url('../fonts/lucyrose-regular-webfont.eot');
        src: url('../fonts/lucyrose-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/lucyrose-regular-webfont.woff2') format('woff2'),
             url('../fonts/lucyrose-regular-webfont.woff') format('woff'),
             url('../fonts/lucyrose-regular-webfont.ttf') format('truetype'),
             url('../fonts/lucyrose-regular-webfont.svg#lucy_roseregular') format('svg');
        font-weight: normal;
        font-style: normal;
}

文件的名称/路径是正确的。这些文件是通过 Fontsquirrel webfont 生成器生成的。

我觉得我什么都试过了，我不明白为什么会出现这个错误。该字体不适用于任何浏览器。

提前感谢您的帮助！

【问题讨论】：

标签： css laravel google-chrome fonts

【解决方案1】：

好的，所以我终于解决了这个问题，如果这可以帮助将来的人，这里是答案。问题来自我的 .htaccess 文件，我有这个规则：

RewriteCond %{REQUEST_URI} !(\.css|\.js|\.png|\.jpg|\.gif|robots\.txt)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]

如您所见，第一行缺少所有字体格式的扩展名。我通过更改为解决了这个问题：

RewriteCond %{REQUEST_URI} !(\.css|\.js|\.png|\.jpg|\.gif|\.woff|\.woff2|\.ttf|\.eot|\.svg|robots\.txt)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]

现在一切正常！希望这能有所帮助。

【讨论】：

【解决方案2】：

任何将我的浏览器直接指向您的字体文件的尝试都会导致空白页面，所以我必须询问您是否使用 fontsquirrel 生成的 html 文件作为证据在线测试您的字体，因为我怀疑您的字体文件可能已损坏。

您可以尝试使用 transfonter.org 来检查生成的文件是否一切正常。问候。

【讨论】：

您好，我确实尝试了 html 文件，它工作正常，我认为问题不是来自文件。还是谢谢！