Google font not being loaded on front-end

  • Hello

    Since the default theme fonts (Poppins and Heebo) have no support for cyrillic characters, I switched them for Montserrat and Roboto, through the global font settings. The fonts did change in the gutenberg editor but they aren’t loaded when the actual page is opened. I can see that the correct font family is set in the css, but the actual font isn’t loaded, so the text uses some random serif fallback font.

    I know a workaround for this is using @import in the custom css field and adding the font there, I’m just wondering if there’s something else I’m missing? Shouldn’t the font just load if it exists in the font list in the global settings? It does work when inside the editor, just not when you view the actual page.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Yoga

    (@yogajegstudio)

    Hi @emowebhemm

    Do you have any live site I could check?
    I need to check why the fonts not loading.

    Thread Starter emowebhemm

    (@emowebhemm)

    Hi,
    No, unfortunately, the site isn’t live yet, sorry ??
    I imported them through the custom css, so I have a workaround at least.

    If it helps some – the default theme fonts (Poppings and Heebo) are the only ones loading. If I delete the fonts directory inside wp-content, it regenerates and it still only contains the two default fonts (even though in the global font variables, I’ve selected “Montserrat” and “Roboto”).

    Yoga

    (@yogajegstudio)

    Hi @emowebhemm

    Could you send some screenshots of the editor and the frontend?

    srvissir

    (@alihosseini20368)

    The resource from “https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,0,4001,4000,7001,7000,500&family=Heebo:ital,wght@0,0,4001,4000,7001,700” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

    srvissir

    (@alihosseini20368)

    downloadable font: download failed (font-family: “Heebo” style:normal weight:600 stretch:100 src index:0): status=2147746065 source: https:///wp-content/fonts/heebo/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EVyusdUmg7UiCXC5V.woff

    • This reply was modified 1 year, 3 months ago by srvissir.
    Pradnya

    (@pradnyajegstudio)

    Hi @alihosseini20368,

    Please create a new topic if you need help. It will make it easier for us to track and assist you. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Google font not being loaded on front-end’ is closed to new replies.