Google Font support

[mrleblanc101]

Description

I use this config:

{
    theme: 'dark',
    fontFamily: 'Inter',
}

I see font-familly: Inter;, but when I inspect the rendered font is Times. I know that Inter is loaded and works and this is the font that is displayed on the rest of my website.

Steps to reproduce

1. Add a Google font following Google recommandations:

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet">

2. Configurer mermaid with this config:é

   {
   theme: 'dark',
   fontFamily: 'Inter',
   }

3. Inspect the page

Screenshots

Code Sample

No response

Setup

• Mermaid version: 10.9.1
• Browser and Version: Chrome

Suggested Solutions

No response

Additional Context

No response

[mrleblanc101]

If I use a build-in font instead of a Google font like monospace, it works: