drvgao / drmaterial Goto Github PK

Make sure the bundler doesn't load all the font variations (100/300/400/500/700/900, italic/regular, SVG/woff).

Configure Fontsource to load specific subsets, weights and styles. Material-UI default typography configuration only relies on 300, 400, 500, and 700 font weights.

Inlining all the font files can significantly increase the size of your bundle.

{/* There is already an h1 in the page, let's not duplicate it. */} <Typography variant="h1" component="h2"> h1. Heading </Typography>

Global mappings:
const theme = createMuiTheme({ props: { MuiTypography: { variantMapping: { h1: 'h2', h2: 'h2', h3: 'h2', h4: 'h2', h5: 'h2', h6: 'h2', subtitle1: 'h2', subtitle2: 'h2', body1: 'span', body2: 'span', }, }, }, });
https://material-ui.com/components/typography/#general

Material-UI provides a CssBaseline component to kickstart an elegant, consistent, and simple baseline to build upon.

Create one ore more CssBaseline(s)

ref# https://github.com/necolas/normalize.css/blob/master/normalize.css