Браузеры не читают и не выводят собственный шрифт с помощью @fontface, но это работает, если я вручную добавляю код с по ⇐ CSS

[Anonymous]

Следуя этому руководству, я настроил веб-сайт со страницами Github.
https://jmcglone.com/guides/github-pages/
Я пытаюсь использовать собственный шрифт с правилом font-face, и у меня возникли проблемы с его работой. Когда я просматриваю страницу через браузер, мои строки @Font-face не отображаются, как и ни одна из строк font-family:.
Вот как выглядят первые 47 строк моего документа .css.

Код: Выделить всё

body {

background-image: url('/docs/assets/background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
}

@font-face {
font-family:'publicsans';
src: url('./fonts/PublicSans-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family:'publicsans';
src: url('./fonts/PublicSans-MediumItalic.woff') format('woff');
font-weight: normal;
font-style: italic;
}

@font-face {
font-family:'publicsans';
src: url('./fonts/PublicSans-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family:'publicsans';
src: url('./fonts/PublicSans-ExtraBoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
}

div {
font-family: "publicsans";
}

nav ul, footer ul {
font-family: "publicsans";
list-style: none;
font-weight: bold;
}

А вот как это выглядит, когда я просматриваю веб-страницу через браузер.

Код: Выделить всё

body {

background-image: url('/docs/assets/background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
}
nav ul, footer ul {
list-style: none;
font-weight: bold;
}

Изначально я думал, что моя проблема связана с путем к файлу, как и в случае многих других проблем с устранением проблем со шрифтом. Я потратил немало времени на настройку местоположения файлов .woff и синтаксиса src:, но безрезультатно. Однако, если я удалю весь CSS в браузере и вставлю его прямо из моего документа .css, все будет работать так, как я ожидал, на веб-сайте появится собственный шрифт. Так что я предполагаю, что все написано правильно, мне просто нужно, чтобы браузер действительно принял текст.

Подробнее здесь: https://stackoverflow.com/questions/793 ... t-it-works