Я знаю, что это немного устарело, и вы, вероятно, уже поняли это, но на тот случай, если у вас нет или у кого-то такая же проблема ...
Была такая же проблема, и в основном кажется, что Chrome и другие браузеры не могут прочитать формат шрифта .ttf. Вот как я это исправил:
Преобразуйте файл .ttf в другие форматы шрифтов, такие как .eot и .woff.
Вы можете сделать это, зайдя на этот сайт ...
https://transfonter.org/
Загрузите свой шрифт, затем выберите все необходимые форматы (я выбрал все), и я думаю, что вы можете оставить все остальное с настройкой по умолчанию.

Затем нажмите кнопку загрузки. Вы получите сжатый файл со всеми форматами файлов шрифтов и таблицу стилей CSS, которая дает вам пример того, как должно выглядеть ваше объявление @ font-face. Вы можете скопировать это в свой файл CSS или просто сделать свое собственное объявление. Конечно, вы должны также разместить файлы шрифтов там, где вы хотите, чтобы ваш сайт имел к ним доступ.
И теперь он должен работать для Chrome, Safari и Firefox. Не уверен насчет других браузеров!
Надеюсь, это поможет вам или кому-то еще.