Шрифты, не показывающие, но без ошибок

Question

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

Вы можете просматривать сайт здесь- http://jamiecurd.github.io/ А код остального здесь- https://github.com/jamiecurd/jamiecurd.github.io/tree/master/assets/font/montserrat

Это загрузка шрифты

/*Fonts*/ 
 
@font-face { 
 
    font-family: 'black'; 
 
    src: url('/assets/font/montserrat/Montserrat-Black.ttf') fromat('truetype'), 
 
    src: url('../font/montserrat/Montserrat-Black.woff') format('woff'); 
 
} 
 
@font-face { 
 
    font-family: 'bold'; 
 
    src: url('/assets/font/montserrat/Montserrat-Bold.ttf') format('truetype'), 
 
    src: url('../font/montserrat/Montserrat-Bold.woff') format('woff'); 
 
} 
 
@font-face { 
 
    font-family: 'extrabold'; 
 
    src: url('/assets/font/montserrat/Montserrat-ExtraBold.ttf') format('truetype'), 
 
    src: url('../font/montserrat/Montserrat-ExtraBold.woff') format('woff'); 
 
} 
 
@font-face { 
 
    font-family: 'hairline'; 
 
    src: url('/assets/font/montserrat/Montserrat-Hairline.ttf') format('truetype'), 
 
    src: url('../font/montserrat/Montserrat-Hairline.woff') format('woff'); 
 
} 
 
@font-face { 
 
    font-family: 'light'; 
 
    src: url('/assets/font/montserrat/Montserrat-Light.ttf') format('truetype'), 
 
    src: url('../font/montserrat/Montserrat-Light.woff') format('woff'); 
 
} 
 
@font-face { 
 
    font-family: 'regular'; 
 
    src: url('/assets/font/montserrat/Montserrat-Regular.ttf') format('truetype'), 
 
    src: url('../font/montserrat/Montserrat-Regular.woff') format('woff'); 
 
} 
 
@font-face { 
 
    font-family: 'semibold'; 
 
    src: url('/assets/font/montserrat/Montserrat-SemiBold.ttf') format('truetype'), 
 
    src: url('../font/montserrat/Montserrat-SemiBold.woff') format('woff'); 
 
} 
 
@font-face { 
 
    font-family: 'ultralight'; 
 
    src: url('/assets/font/montserrat/Montserrat-UltraLight.ttf') format('truetype'), 
 
    src: url('../font/montserrat/Montserrat-UltraLight.woff') format('woff'); 
 
}

Answer 1

ваш путь шрифта неправильно, удалите 'активы' в пути 'TrueType' попробовать этот

src: url('../font/montserrat/Montserrat-Black.ttf') fromat('truetype'), 

также ваш формиат неправильно, попробуйте этот формиат

@font-face { 
 
    font-family: 'Montserrat'; 
 
    src: url('../font/montserrat/Montserrat-Black.woff') format('woff'), 
 
     url('../font/montserrat/Montserrat-Black.ttf') format('truetype'); 
 
    font-weight: 400; 
 
    font-style: normal; 
 
}

Answer 2

вопросы рассматривает свойство Src в ваших CSS файлах. Ознакомьтесь с приведенным ниже скриншотом:

Как вы можете видеть на скриншоте ниже, есть ошибки, анализирующие значение вашего «src» (в файле style.css).

1) Исправьте те, которые следуют правилам, указанным на W3S site.

2) В вашем стиле.css укажите правильные имена для своих правил и шрифт-вес, чтобы указать такие значения, как шрифт «смелость».

3) В будущем я бы рекомендовал использовать инструменты разработчика в вашем браузере для обнаружения таких проблем.