反应bolerplate和材料ui不假定所需的版式

如何解决反应bolerplate和材料ui不假定所需的版式

我正在使用React Boilerplate和Material UI。我已经安装了fontsource-roboto，并且希望在我的项目中使用它作为默认字体类型。

在保存主要样式的applicationTheme.js文件中，我这样做：

... 
import 'fontsource-roboto';

const applicationTheme = (color,mode,direction) => ({
...
typography: {
    useNextvariants: true,fontFamily: [
      'Roboto','sans-serif'
    ].join(','),title: {
      fontWeight: 600
    },body2: {
      fontWeight: 500
    },fontWeightMedium: 600
  },...

});

export default applicationTheme;

但是应用程序继续显示sanserif字体。如果我设置了

fontFamily: 'Roboto',

或

fontFamily: [
          'Roboto'
        ].join(',')

然后使用默认的浏览器排版。有任何提示吗？