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

Разбираемся в CSS
Ответить
Anonymous
 Шрифты не загружаются в Vite + React

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»