[material-ui][examples] Custom fonts not changing during the initial rendering

[na-zi-ya]

I'm facing an issue with the fonts in my Next.js 14 project with MUIv5 n TypeScript.

I've used the following code to import and set up fonts...,

but the fonts are not changing during the initial rendering. However, after the initial rendering, the fonts switch to the customized ones. All other MUI styles are working fine. I followed this (' https://github.com/mui/material-ui/blob/master/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/theme.ts ') for the setup. Can you help me identify what might be causing this font issue..??

[mnajdova]

It doesn't look like this bug report has enough info for one of us to reproduce it.
Please provide a CodeSandbox (https://material-ui.com/r/issue-template-latest), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

[na-zi-ya]

I've created a minimal example in a GitHub repository that demonstrates the problem. You can access the repository here:

GitHub Repository Link

Could you please take a look at the repository and help me diagnose the issue...??? Your assistance is greatly appreciated.