你是对的，它应该可以工作。作为解决方法，你可以全局覆盖Typography组件的defaultProps。以下是如何做到这一点：https://codesandbox.io/s/trusting-poitras-knpvop?file=/src/theme.js

如果这有任何帮助，我已经在fontFamily主题中实现了这个功能，当直接将其放入createTheme()函数(没有组合)时。

createTheme({ //this works for me
    typography: {
        fontFamily: [
            'Poppins',
            'Lato',
            'sans-serif'
        ].join(',')
    },
...
})

尝试组合主题时无法正常工作。

createTheme(SharedTheme, { //this composition does not work
   typography: {
       fontFamily: [
           'Poppins',
           'Lato',
           'sans-serif'
       ].join(',')
   },
...
})

更新:只要它在组合的第一个主题中，排版似乎就可以正常工作。将我的typography定义放在我的SharedTheme定义中也可以正常工作，即使在组合之后也是如此。因此，问题似乎是在初始主题对象之后的任何时候定义它。

这个问题是关于在主题中定义自定义排版变体时，字体未被应用的问题。

看起来这是因为在沙盒中，css文件中定义了一个font-family。如果我注解掉它，现在按预期工作了。

这个类在这里被使用：

我猜现在的问题是...如果在自定义变体中没有定义font-family,它应该遵循主题的typography中定义的默认字体，还是应该遵循这里css/类中使用的字体家族。

@jove0610 但是，即使在 className 之外应用了 ThemeProvider ,它也不会从主题中选择字体家族，这是应该的。请查看代码沙箱：https://codesandbox.io/s/elegant-lehmann-ztiy07?file=/src/index.js

如果这有任何帮助，我已经在fontFamily主题中成功地使用了createTheme()函数(没有组合)。

createTheme({ //this works for me
    typography: {
        fontFamily: [
            'Poppins',
            'Lato',
            'sans-serif'
        ].join(',')
    },
...
})

尝试组合主题时无法正常工作。

createTheme(SharedTheme, { //this composition does not work
   typography: {
       fontFamily: [
           'Poppins',
           'Lato',
           'sans-serif'
       ].join(',')
   },
...
})

更新:只要它在组合的第一个主题中，排版似乎就可以正常工作。将我的typography定义放在我的SharedTheme定义中也可以正常工作，即使在组合之后也是如此。所以问题似乎是在初始主题对象之后的任何时候定义它。

非常感谢，经过几个小时的调试后，这个问题终于解决了！