Шрифты не загружаются в Vite + React ⇐ CSS

[Anonymous]

Я пытаюсь перейти с CRA на Vite для создания своих проектов React, и столкнулся с проблемой, из-за которой я вообще не могу загрузить свои шрифты. Браузер выдает следующую ошибку.

Код: Выделить всё

GET
http://localhost:5173/assets/fonts/Roboto-Regular.woff
[HTTP/1.1 404 Not Found 1ms]

downloadable font: download failed (font-family: "Roboto" style:normal weight:400 stretch:100 src index:0): status=2147746065 source: http://localhost:5173/assets/fonts/Roboto-Regular.woff

Это правила оформления шрифта, которые я использую.

Код: Выделить всё

// _fonts.scss
@font-face {
font-family: "Roboto";
src: url("../../assets/fonts/Roboto-Regular.woff") format("woff");
font-weight: 400;
}

А это мой файл index.scss.

Код: Выделить всё

@use "./styles/partials/fonts" as *;

body {
font-family: "Roboto", Arial, Helvetica, sans-serif;
}

Я думал, что это может быть моя структура папок, но это не так. Я очень не понимаю, почему мои шрифты загружаются, когда я запускаю npm dev, и я даже безуспешно пытался воспроизвести эту проблему в проекте CRA.



Подробнее здесь: https://stackoverflow.com/questions/772 ... vite-react