梅氏按钮，字体家族不要改变

Question

我为排版定义了主题，但字型家族的梅按钮，不改变。

 typography: {
fontFamily: ["Baloo Bhaijaan 2", "cursive"].join(", "),
button: {
  fontFamily: "Baloo Bhaijaan 2",
  fontWeight: 500,
  color: "#ffffff !important",
},

},

Answer 1

这个修改后的示例是在梅西博士中提供的，用于自定义物料-UI版本5中的组件：

const theme = createTheme({
  components: {
    // Name of the component
    MuiButton: {
      styleOverrides: {
        // Name of the slot
        root: {
          // Some CSS
          fontFamily: "Baloo Bhaijaan 2",
          fontWeight: 500,
          color: "#ffffff !important"
        },
      },
    },
  },
});