Я добавил next-fonts, чтобы иметь возможность вставлять шрифты файловой системы в мой файл css, но стиль не применяется.
Вот печать загружаемого шрифта: https://i.imgur.com/eiQWPp0.png
Вот мой код, который применяет стиль:
h1,
h2,
h3,
h4 {
font-family: "Ubuntu";
}
Вот код определения шрифта:
@font-face {
font-family: "Ubuntu";
src: url("./fonts/Ubuntu/Ubuntu-Regular.ttf");
}
Вот печать используемого шрифта: https://i.imgur.com/Z7YsxhH.png
А вот печать заголовков (h1, h2 ...) без стиля шрифта Ubuntu: https://i.imgur.com/JBrBk46.png
У меня была проблема раньше, и это было потому, что я добавлял format здесь: url(". / .....") format ("ttf")
, теперь я удаляю и добавляю это для проверки обоих, но ничего из этого не работает.
Код sass:
@font-face {
font-family: "Ubuntu";
src: url("./fonts/Ubuntu/Ubuntu-Regular.ttf");
}
h1,
h2,
h3,
h4 {
font-family: "Ubuntu";
}
Изменился исходный путь шрифта, но при этом также применяется новый путь в теге style:
@font-face {
font-family: "Ubuntu";
src: url(/_next/static/media/Ubuntu-Regular.fa02e22385da5600c6d666df22db9154.ttf);
}