Загружаемые шрифты рендеринга, но с несколькими ошибками

Question

Пытаясь сделать так, чтобы пользовательский стиль соединял четыре, базовые c игры в javascript. Который я могу включить в качестве фрейма в свое резюме WebDesign. Но я получаю несколько ошибок, которые я не знаю, как исправить.

Игра довольно проста, состоит только из файла php, одного файла js и таблицы стилей. Кто-нибудь еще сталкивался с такими же проблемами или знает, как их исправить. У меня похожая проблема при использовании шрифтов Google в другом проекте, но код ошибки и сообщение были другими.

Это единственный код, который относится к использованию шрифтов, которые я сохранил на своем локальном жестком диске.

*{
 box-sizing:border-box;
 text-align:center;
 }
@font-face{
    font-family:BlackChancery;
    src:url(../blkChancery.ttf);
    }
body{
    background:teal;
    font-family:BlackChancery;
    font-size:1.17rem;
    }

Ни один из php или Js не связан со шрифтами. Просто попытался проверить это в Chrome, чтобы увидеть, есть ли у него одинаковые или разные коды ошибок, но он даже не рендерит файл, он просто выплевывает php в виде простого текста. Странно то, что шрифты отображаются как обычно, хотя в сообщении об ошибке говорится, что таблица шрифтов была отброшена.

Я использую Firefox Quantum Developer Edition, последнюю версию. для тех, кто читает это.

, если у вас есть какие-либо ссылки, которые могут помочь мне решить эту проблему, пожалуйста, опубликуйте их как комментарий ниже.