Remove hard dependency on font loading in Layout.tsx

[annsch]

Hi,
Would it be possible to remove the hard dependency on font loading in your Layout.tsx file?
This causes the build process to break in environments where external resources are restricted, such as for security compliance reasons.

const font = Roboto({ weight: ["400", "700"], subsets: ["latin"] });
[…]
 <div
      id="layout"
      className={cn(styles.layout, font.className, styles[layoutClass])}
    >

Currently, we have to work around this using patch-package, but we'd prefer to avoid this in future builds.

Best regards, and thank you very much for sharing your work! :)

[mathiasschopmans]

I hadn't considered this before. Would a refactoring to local-fonts be appropriate for you?

If that works for you, I'd schedule this change for the v5 release. Let me know your thoughts, @annsch. :)

[annsch]

Hi @mathiasschopmans, we're loading our fonts via our component library's CSS files. When using local fonts, do we have to use these fonts, or could the font loading be optional with this approach?