reactjs - 在 Material UI ReactJS 中加载两个自定义字体

Question

我目前正在为 React App 使用 Material UI ReactJS 库，但使用 Typescript 而不是核心 Javascript。

我有一个小问题，我无法弄清楚。

我希望在我的 react 应用程序中使用两种字体，即： Circular-Std和Inter。

如何在带有 Typescript 的 Material UI ReactJS 库中使用这两种字体？

谢谢。

标签： reactjstypescriptmaterial-ui

Answer 1

要添加自定义字体，只需将其添加到您的 theme.js 中：

 typography: {
    fontFamily: ["Lexend Deca", "sans-serif"].join(","),
  },