Question

如何使用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％的把戏，并试图完成类似的事情

Answer 1

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

MaterialUI-全局字体设置

1 个答案: