Question

这个问题使我发疯，所以如果有人能够帮助您，请提前感谢您！

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

window.addEventListener('load', function()
{
var d = new Date();
var n = d.getDay();
console.log(n)
if (n == 6) {
  document.getElementById("SAT").style.backgroundColor = "gray";
} else {
  document.getElementById("SAT").style.backgroundColor = "white";
}
};

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

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

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

我觉得我尝试了所有操作，但看不到为什么出现此错误。该字体无法在任何浏览器上使用。

在此先感谢您的帮助！

Answer 1

任何试图将我的浏览器直接指向您的字体文件的页面都会显示为空白页面，因此我必须问您是否使用fontsquirrel生成的html文件作为证据在线测试了字体，因为我怀疑您的字体文件已损坏。

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

Answer 2

好，所以我终于解决了这个问题，这是将来可以帮助某人的答案。问题来自我的.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]

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

无法解码下载的字体Laravel

2 个答案: