Typography
Customize Theme Typography
You can customize the typography used in the theme as well from the central place.
For instance, If you want to change font-weight
of the typography h5
to 900
. To do that, open ..src\themes\typography.jsx
and update as below:
/**
* Typography used in theme
*/
const Typography = (theme, borderRadius, fontFamily) => ({
return {
...
h5: {
...
fontWeight: 900 // changed this to make it 900 from 500
},
...
};
});
This will apply to all places where you used Typography variants as h5
<Typography variant="h5"...>
Last updated
Was this helpful?