Пользовательский интерфейс Chakra: невозможно установить собственный шрифт из Fontsource. ⇐ Javascript

[Гость]

Я установил шрифт Girassol из Fontsource (https://fontsource.org/fonts/girassol) следующим образом:

npm install @fontsource/girassol У меня также есть файл theme.ts, который выглядит следующим образом:

import {extendTheme} из "@chakra-ui/react"; const customTheme = ExtendTheme({ компоненты: { Текст: { варианты: { логотип: { bgGradient: "линейный градиент(45deg, #20b2aa, #cc0000)", textFillColor: «прозрачный», bgClip: "текст", Семейство шрифтов: "Girassol, без засечек", шрифтВес: "800", как: "пролет" }, }, }, }, }); экспортировать пользовательскую тему по умолчанию; Тогда у меня есть файл Home.tsx, который выглядит следующим образом:

import { Text } из "@chakra-ui/react"; импортировать "@fontsource/girassol" функция экспорта Home() { возвращаться ( Немного текста ); } Однако я не могу изменить шрифт на тот, который я скачал. Если я изменю шрифт в файле theme.ts на что-то более «стандартное», например Arial или Times New Roman, шрифт изменится в соответствии с ним. Однако мне не удается заставить работать собственный шрифт... Кто-нибудь может понять, где я ошибся?

Спасибо

Каролина