@ font-face не работает с страницами github

Question

В настоящее время я пытаюсь исправить проблему с моим портфолио. Я использую специальный шрифт, чтобы страница выглядела хорошо, но почему-то @ font-face отказывается работать.

Вот мой CSS:

@font-face{ 
font-family: 'Quicktype'; 
src: url('Fonts/quicktype_condensed-webfont.woff2') format('woff2'), 
    url('Fonts/quicktype_condensed-webfont.woff') format('woff'), 
    url('Fonts/QuickType Condensed.ttf') format('truetype'), 
    url('Fonts/QuickType Condensed.eot'), 
    url('Fonts/QuickType Condensed.eot?#iefix') format('embedded-opentype'), 
    url('Fonts/QuickTypeCondensed.svg#QuickTypeCondensed') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Вот ссылка на мой сайт:

http://alfabitsgamedev.com/

А вот ссылка на мой иерархии GitHub файла.

https://github.com/Alfabits/alfabits-game-dev-3

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

Веб-сайт всегда возвращается с ошибкой 404 для шрифтов .ttf, .woff и .woff2 (никогда по каким-либо причинам) или странной ошибкой GET.

Я знаю, что не могу использовать файлы .htaccess, поскольку страницы github содержат только статические вещи и не могут выполнять логику на стороне сервера. Поэтому я немного потерял, почему это происходит и как я могу это исправить. Заранее спасибо, если вам удастся помочь.

Answer 1

Я нашел решение! Я использовал Абсолютные ссылки вместо Относительные ссылки. Относительные ссылки заставляют предполагаемый путь начинаться с того места, где находится текущий файл, и его нужно начинать с символа '/'. Абсолютные ссылки запустит намеченный путь, начиная с системной папки, а не с файла.

Найти больше здесь: coffeecup.com/help/articles/absolute-vs-relative-pathslinks

Кроме того, кредит Фриц для решения!