MaterialUI-全局字体设置

问题描述

如何使用Material UI将默认的16px浏览器字体大小更改为10px？据我了解，MUI是在后台使用Nomralize.css吗？

在我的主题文件中

export default createMuiTheme({
  overrides: {
    MuiCssBaseline: {
      '@global': {
        html: {
          padding: '0',},typography: {
    htmlFontSize: 10,fontSize: 8,fontFamily: [
      '-apple-system','BlinkMacSystemFont','"Segoe UI"','Roboto','"Helvetica Neue"','Arial','sans-serif','"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"',].join(','),fontWeight: 400,})

但我不知道这是否正确。

我的应用程序还包裹着CssBaseLine

ReactDOM.render(
  <Provider store={store}>
    <MuiThemeProvider theme={theme}>
      <CssBaseline />
      <App />
    </MuiThemeProvider>
  </Provider>,document.getElementById('root'),

这是正确的吗？我记得62.5％的把戏，并试图完成类似的事情

解决方法

您的代码仅为fine，供以后参考，请使用React DevTools来验证您的属性是否确实适用（在React DevTools设置后，请寻找ThemeProvider道具）。