javascript - 有没有一种方法可以使用 Material ui @next React将不同的字体添加到Typography中的不同属性中

const fontWeightMedium = 500;
const theme = createMuiTheme({
  typography: {
    // Use the system font.
    fontFamily:
    'forzaBook',
    fontWeightMedium,
    body1: {
      fontWeight: fontWeightMedium,
    },
    button: {
      fontStyle: 'italic',
    },
    caption: {
      fontWeight:100
    }
  },
  palette: {
    primary: orange,
    secondary: {
      ...grey,
      // A400: '#00e677',
    },
    contrast: 'white',
    error: red,
  }
});

这是我当前用来更改字体和某些Typography属性的内容。但是我需要更改字幕的字体。有谁知道如何做到这一点？

最佳答案

您可以根据每个版式变量覆盖fontFamily：

const theme = createMuiTheme({
  typography: {
    fontFamily: 'forzaBook',
    caption: {
      fontFamily: "sans-serif"
    }
  },
});

关于javascript - 有没有一种方法可以使用 Material ui @next React将不同的字体添加到Typography中的不同属性中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48651582/