Развертывание Vercel: шрифт загружается неправильно

Локально мой сайт работает с включенными шрифтами.

Мне нужно было развернуть его дважды, чтобы правильно получить шрифты (без изменения кода CSS).

введите здесь описание изображения

Но сейчас на моем смартфоне пока не работает:

введите здесь описание изображения

Ставлю шрифты в index.js (основной файл), но не работает.

@font-face {
  font-family: 'Vabulous';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Vabulous.ttf')
}

Я следил за этой темой: Шрифт не загружается при развертывании углового, но он не работа.

Может быть, это скоро заработает, но я хочу понять, почему это не работает сейчас. (это не кеш, так как я никогда не открывал этот сайт на своем смартфоне).


person Fernando Del Cantão    schedule 07.12.2020    source источник
comment
Вы уверены, что файл ttf загружен в правильном месте?   -  person A Haworth    schedule 08.12.2020
comment
да, я могу загрузить шрифт, если напишу в chrome apipool.io/fonts/fontname.ttf, но теперь он работает. Я разделил код CSS в определенном файле и импортировал его в свой _app.js, и это сработало. Не знаю, почему не работало на смартфонах. Спасибо за помощь! :)   -  person Fernando Del Cantão    schedule 08.12.2020