Почему не получается подключить шрифты в create-react-app?

Question

[Worddoc]

Всем привет!

Проблема такова: создаю проект через create-react-app, кладу шрифты в src/fonts/, в App.css прописываю такое:

@font-face {
    font-family: 'Circe';
    src: url('./fonts/Circe-Regular.woff2') format('woff2'),
        url('./fonts/Circe-Regular.woff') format('woff'),
        url('./fonts/Circe-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

А в консоли выдает: Module not found: Can't resolve './fonts/Circe-Regular.ttf' in 'F:\web-dev\in-process\react-test\

Подскажите, почему вебпак не видит этот шрифт? Спасибо.

Answer 1

[AlexSND]

Я делаю так: в папке fonts лежит файл fonts.css, и этот файл импортируется в App

import “./fonts/fonts.css”

Comments

[morozzko51]

молодец, он тебя спросил про css файл, а не jsx

Answer 2

[nordlander88]

неправильно указан путь к файлу шрифта, ты уже в директории fonts