Задать вопрос
@NiksonM
html

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

Почему не подключается формат шрифта скаченный на пк.
<!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 просмотр
4 комментария
Подписаться 1 Простой 4 комментария
Решения вопроса 1
divside
@divside
Chupapi Munyanyo
НЕПРАВИЛЬНО УКАЗАН ПУТЬ НА ШРИФТ
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ответы на вопрос 2
zalman2
@zalman2
Возможно путь прописан неверно, необходимо проверить где лежит файл стиля и сопоставить с папкой, где лежит файл шрифта прилагаю пример рабочего подключения:

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перерисовать логотип в векторе
22 нояб. 2024, в 00:55
500 руб./за проект
Разработка алгоритма на python (Data engineering)
21 нояб. 2024, в 23:30
300000 руб./за проект
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Ещё заказы