在 Next.UI 和 react.js 中使用字体

Question

我想使用一些字体，但我很难找到有关如何导入等的信息/文档

我正在使用样式化的组件库：Next.UI.

在我的 index.js 中，我正在创建一个主题，并在我的 React 应用程序中使用它。该主题已经可以使用，但还有一个字体属性。

有人可以给我一个使用不同字体的例子吗？我怎么知道支持哪些字体？或者如何导入字体？

提前致谢！

现在是我的代码：

import { createTheme, NextUIProvider, styled } from '@nextui-org/react';

    const theme = createTheme({
            type: "light",
            theme: {
                colors: {...},
                fonts: {
                    sans: 'Comic Sans MS',
                    mono: 'Andale Mono',
                    serif: 'Gilda Display ',
                },
            }
        });
        
        const root = ReactDOM.createRoot(document.getElementById('root'));
        root.render(
            <NextUIProvider theme={theme}>
                <App />
            </NextUIProvider>
        );