Лицо шрифта не поддерживается в мобильном браузере

Question

Я следовал этому руководству по использованию свойства @font-face для поддержки браузера. Я использовал метод «Немного глубже поддержки браузера». Он работает на моей машине (конечно), я разместил сайт и попросил одного из моих друзей проверить сайт, чтобы проверить, поддерживается ли шрифт в его браузере, и это так. Однако, когда я проверил сайт с моего iPhone с помощью Safari, один из шрифтов не поддерживается, и мне интересно, почему это так. Как упомянуто в руководстве, я помещаю шрифт лицевой стороной вверх, перед любыми стилями.

Вот ссылка на размещенный сайт https://gilbert1391.github.io/new-portfolio/

Шрифты, которые я хочу поддерживаются шрифт Bold (который используется в разделе героев) и Helvetica Neue, а тот, который не поддерживается в моем браузере iphone, является прежним.

iPhone программное обеспечение версия: 13.3.1

Любая помощь приветствуется, спасибо в интересах c

Answer 1

Я решил проблему

Сначала у меня был установлен шрифт на моем локальном компьютере, и я подумал, что @font-face работает правильно, я удалил шрифт с моего компьютера и работал оттуда.

Во-вторых, у меня был неправильный путь, я исправил его, используя следующий путь: /src/assets/fonts/TheBoldFont.ttf

Но он все еще не работал, и я получал это предупреждение

Failed to decode downloaded font

Что Я сделал, чтобы исправить это было заменить предыдущий путь для этого: ./assets/fonts/TheBoldFont.ttf