Не удалось декодировать скачанный шрифт 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

Хорошо, так что я наконец решил эту проблему, вот ответ, если это может помочь кому-то в будущем. Проблема возникла из моего файла .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]

Теперь все работает! Надеюсь, это поможет.

Answer 2

Любая попытка направить мой просмотр непосредственно к вашим файлам шрифтов приводит к пустой странице, поэтому я должен спросить вас, проверяете ли вы свои шрифты онлайн с html-файлом, сгенерированным fontsquirrel в качестве доказательства, потому что я подозреваю, что, возможно, ваши файлы шрифтов повреждены.

Вам нужно попробовать transfonter.org, чтобы проверить, все ли в порядке с сгенерированными файлами. Привет.