@NiksonM

Почему не подключается загруженный файл шрифта?

Почему не подключается формат шрифта скаченный на пк.
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header id="top">
        <div id="main">ГЛАВНАЯ</div>
        <div id="service">УСЛУГИ</div>
        <div id="works">РАБОТЫ</div>
        <div id="about">О НАС</div>
        <div id="contact">КОНТАКТЫ</div>
    </header>
</body>
</html>

@font-face {
    font-family: 'Fascinate Inline';
    src: url(fonts/FascinateInline-Regular.woff2) format(woff2);
    font-weight: 400;
    font-style: normal;
}

#top {
    width: 100%;
    height: 10%;
    background-color: #779CAB;
    margin: 0px;
    padding: 1%;
    display: flex;
    flex-direction: row;
    justify-content: center;
} 

div {
  margin: 10px;
  font-family: "Fascinate Inline", system-ui;
  font-weight: 400;
  font-style: normal;
}
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
divside
@divside
Chupapi Munyanyo
НЕПРАВИЛЬНО УКАЗАН ПУТЬ НА ШРИФТ
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Возможно путь прописан неверно, необходимо проверить где лежит файл стиля и сопоставить с папкой, где лежит файл шрифта прилагаю пример рабочего подключения:

@font-face {
  font-weight: 400;
  font-family: "Montserrat";
  font-display: swap;
  font-style: normal;
  src: url("../font/montserrat/Montserrat-Regular.woff");
}
Ответ написан
@NiksonM Автор вопроса
66e8688bd8294850599423.jpeg66e868933354d036702585.jpeg66e868992a017647234297.jpeg

Вот создал простой пример , который не работает и ошибку в консоле, которую выводит, хотя путь указан верно
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы