Не работают шрифты в React после использования роутера React - PullRequest
0 голосов
/ 02 августа 2020

вчера я хотел создать целевую страницу для подкатегории моего веб-сайта. Сайт, который он создает с помощью приложения create response. Я создал подстраницу с помощью реактивного маршрутизатора. На локальной машине все работает нормально. Но после того, как я развернул его на AWS (усилить), включенные шрифты во всем приложении (старый сайт и новый) больше не работают.

Я получаю сообщение «Не удалось декодировать загруженный шрифт:» и Ошибки «Ошибка анализа OTS: неверный тег версии».

Я ничего не менял в файлах index.scss / index. html. После запуска команды сборки файлы шрифтов находятся в нужной папке ...

Вот так мой index.s css выглядит так:

@font-face {
font-family: "SF Compact Display";
src: url("./assets/fonts/SF-Compact-Display-Regular.otf");
 }
@font-face {
font-family: "SF Compact Display Semi";
src: url("./assets/fonts/SF-Compact-Display-Semibold.otf");
}

Я тоже пробовал с абсолютным путем:

enter code here  src: url("assets/fonts/SF-Compact-Display-Semibold.otf");

Но это не работает. Я импортировал index.s css в свой index.tsx import './index.scss'

Оба файла находятся в sr c root.

Я читал много других историй которые похожи на мою проблему. Но ничего не работает.

Кто-нибудь догадывается, почему у меня возникает эта проблема? Может быть, проблема с перенаправлением с aws, поскольку это единственное, что я изменил? (как я уже сказал ранее, я включил реагирующий маршрутизатор шрифты, которые работают нормально). Я также попытался удалить реагирующий маршрутизатор и получить старую страницу с правильными шрифтами. Но теперь у меня такая же проблема.

На aws перезаписи я включил </^[^.]+$|\.(?!(css|gif|ico|json|jpg|js|png|txt|svg|woff|ttf|otf)$)([^.]+$)/> с /index.html и 200 Rewrite.

Я пытаюсь исправить это уже несколько часов , но я понятия не имею, в чем может быть проблема.

Надеюсь, у кого-то была такая же проблема в прошлом и он может мне помочь.

Лучшее

...