Javascript Can'；t更改Chakra UI中的默认字体

第一次使用Chakra，并尝试在Chakra UI中将默认字体更改为Times New Roman，但没有效果。 是否有一个导入，分配了新的主题，将其作为道具传递给脉轮提供者，但代码中什么都没有发生

index.js

从“@chakra ui/react”导入{extendTheme，ChakraProvider}
常量自定义主题={
字体：{
正文：“时代新罗马，无衬线”，
标题：“时代新罗马，无衬线”，
mono:‘泰晤士报新罗马版，无衬线’，}
const-theme=extendedtheme（{customTheme}）
ReactDOM.render(
,
document.getElementById（'root'））
);

我的文本组件似乎没有改变

import {Text} from '@chakra-ui/react'
<Text> Some text </Text>

从“@chakra ui/react”导入{Text}
一些文本

您需要定义文本样式。请参阅详细信息。这里有一个快捷方式供您选择：

const主题=扩展主题({
文本样式：{
正文：{
fontFamily:“时代新罗马，无衬线”，
},
标题：{
fontFamily:“时代新罗马，无衬线”，
},
单声道：{
fontFamily:“时代新罗马，无衬线”，
},
},
})

在您的文件中：

import {Text} from '@chakra-ui/react'
<Text textStyle="body"> Some text </Text>

从“@chakra ui/react”导入{Text}
一些文本

您可以在他们的电脑上看到如何执行此操作

创建一个theme.js文件，我们将在其中覆盖默认主题

在此处添加以下内容：

//导入所需的脉轮库
从“@chakra ui/react”导入{主题为脉轮主题}
从“@chakra ui/react”导入{extendTheme}
//声明字体变量并设置字体。我使用Inter进行各种备份，但您可以使用“Times New Roman”。注意，我们可以为正文和标题设置不同的字体。
常量字体={
…chakraTheme.font，
正文：`Inter，-apple system，BlinkMacSystemFont，“Segoe UI”，Helvetica，Arial，无衬线，“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”`，
标题：`Inter，-apple system，BlinkMacSystemFont，“Segoe UI”，Helvetica，Arial，无衬线，“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”`
}
//为主题声明一个变量，并从chakra在e`xtendTheme`方法中传递重写
const customTheme=extendTheme（覆盖）
//输出我们的主题
导出默认自定义主题

在主题中包装我们的应用程序

//导入我们的主题
从“../customTheme.js”导入主题
//用主题包装我们的应用程序。这可以传递给脉轮提供者。

import {Text} from '@chakra-ui/react'
<Text textStyle="body"> Some text </Text>