[joy-ui] Missing Inter font

[oliviertassinari]

Steps to reproduce 🕹

You can reproduce this pretty much everywhere:

• [x] 1. (Fixed in #36843) Docs: https://mui.com/joy-ui/react-button/, it doesn't load Inter
• [x] 2.(Fixed in #38462) Examples: https://github.com/mui/material-ui/blob/7739700a55c40d13a18982954fd6eb64f89bf2d4/examples/joy-cra-ts/public/index.html#L26 wrong font
• [x] 3. (Fixed in #38540) Examples: https://github.com/mui/material-ui/blob/7739700a55c40d13a18982954fd6eb64f89bf2d4/examples/joy-next-app-router-ts/src/components/ThemeRegistry/theme.js#L4 wrong font
• [ ] 4. When exporting the example to codesandbox, it loads Roboto

Current behavior 😯

Load Inter

Expected behavior 🤔

The correct font is loaded

Context 🔦

I didn't know we could sort the font by the popularity in Google Font: https://fonts.google.com/?preview.size=24&sort=popularity. With Inter and Roboto, we effectively cover some of the most popular fonts.

Your environment 🌎

npx @mui/envinfo

``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

[siriwatknp]

https://mui.com/joy-ui/react-button/ loads "Inter":

I will fix the examples.

[oliviertassinari]

@siriwatknp Perfect, I updated the issue linking the fix.

[oliviertassinari]

38462 doesn't solve the issue, it addresses point 2 but not 3, nor 4.

Actually in 3, it breaks the example, we should apply the style

[siriwatknp]

@oliviertassinari looks like (3) is outdated, I don't see joy-next-app-router-ts anymore in the latest master.

38540 will fix the above error.

[oliviertassinari]

@siriwatknp Looks like #38540 solve point 3 👍

[danilo-leal]

@siriwatknp + @oliviertassinari Just checking if we can close this issue ⎯ I see we have point 4 left there still open. CodeSanbox is apparently loading Inter correctly, at least to me. Are we good or are we missing something?