Почему не работают импортированные шрифты css/html?

Question

Не могу понять, почему при открытии html страницы с моего ПК (на котором написан код) импортированные шрифты работают, но при открытии на любом другом устройстве нет.

Может дело в пути к шрифту?
D:\project - путь к проекту
Иерархия:

project
| assets
  | css
    | style.css
  | fonts
    | montserrat-semibold-webfont.woff2
    | montserrat-semibold-webfont.woff
    | montserrat-regular-webfont.woff2
    | montserrat-regular-webfont.woff
| index.html

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-semibold-webfont.woff2") format('woff2')
    url("../fonts/montserrat-semibold-webfont.woff") format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-regular-webfont.woff2") format('woff2')
    url("../fonts/montserrat-regular-webfont.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "Montserrat";
    font-weight: 600;
}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="assets/css/style.css">
    <title>Title</title>
</head>
<body>
</body>
</html>

Answer 1

Получилось сделать, теперь все работает.

Изначально в css файле шрифты импортировались с одним названием и сразу несколько форматов

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-semibold-webfont.woff2") format('woff2')
    url("../fonts/montserrat-semibold-webfont.woff") format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-regular-webfont.woff2") format('woff2')
    url("../fonts/montserrat-regular-webfont.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}

Изменил у каждого названия и импортирую теперь только по 1 типу

@font-face {
    font-family: "MontserratSemiBold";
    src: url("../fonts/MontserratSemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/MontserratRegular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

БЛОГ НА HUSL

Почему не работают импортированные шрифты css/html?

Ответы (1 шт):