Material-ui: typescript 예제가있는 반응 앱의 글꼴이 너무 작습니다.

https://github.com/mui-org/material-ui/tree/v1-beta/examples/create-react-app-with-typescript에 내 앱을 기반으로했습니다.

매우 기본적인 navbar를 포함하려고합니다.

const styles: StyleRulesCallback<'root'> = theme => ({
  root: {
    textAlign: 'center',
    paddingTop: theme.spacing.unit * 20,
  },
});

class App extends React.Component<WithStyles<'root'>, {}> {

  render() {
    return (
      <div className={this.props.classes.root}>

          <AppBar>
            <Toolbar>
              <Typography variant="title" color="inherit">
                 Title
              </Typography>
            </Toolbar>
          </AppBar>

      </div>
    );
  }
}

export default withRoot(withStyles(styles)<{}>(App));

머티리얼 UI 컴포넌트의 모든 글꼴이 작은 것 같습니다. 버튼, 선택, 오타.

예를 들어 다음과 같은 이유가 있습니다.

https://material-ui-next.com/demos/app-bar/ 대신

글꼴이 왜 그렇게 작은가요?