Как правильно подключить шрифты в ReactJs?

Question

[ross_nuss]

0

Подскажите, пожалуйста, куда лучше добавить шрифты: в src или public? Есть ли в этом какая-то разница? И как их подключить к проекту? Только начал изучение React, пытаюсь создать свое spa и не могу понять как правильно подключать шрифты. Буду благодарен за помощь)

Answer 1

[Александр]

Например Вы хотите шрифт Source Sans Pro. Ставите пакет @fontsource/source-sans-pro. В файле main.js или main.ts импортируете его:
import '@fontsource/source-sans-pro';
или, если надо конкретный диапазон unicode-символов:
import '@fontsource/source-sans-pro/cyrillic.css';

Answer 2

[profesor08]

Шрифты надо подключать в index.html, который лежит в проекте. А располагать их можешь где угодно, хоть в папке public, хоть просто с cdn подключать. В .jsx, .tsx файлах не надо подключать шрифты, это может привести к мерцанию, при обновлении некоторых компонентов или страницы.