css - 无法解码下载的字体 Laravel

Question

这个问题让我抓狂，所以如果有人能提供帮助，在此先感谢您!

我正在尝试在 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 网络字体生成器生成的。

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

预先感谢您的帮助!

Answer 1

好的，所以我终于解决了这个问题，如果这对以后的人有帮助的话，这里是答案。问题来 self 的 .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]

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