Users change font size settings for all kinds of reasons, from poor eyesight to choosing optimum settingsįor devices that can be vastly different in size and viewing distance. So rem units allow us to accommodate the user's settings, resulting in a better accessibility support.
The browser element default font size is 16px, but browsers have an option to change this value, Material UI uses rem units for the font size. Note that if you want to add additional declarations, you need to use the string CSS template syntax for adding style overrides, so that the previously defined declarations won't be replaced.
Import RalewayWoff2 from './fonts/Raleway-Regular.woff2' const theme = createTheme ( ) format('woff2')
