Google Font Not Working

  • Hi
    I’m trying to add this code (google font link) in your theme’s header.php:

    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">

    But when I “view page source” I only see the <link rel="preconnect" href="https://fonts.gstatic.com"> code and don’t see the <link href="https://fonts.googleapis. com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> code
    Why?
    Thank you

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author creativethemeshq

    (@creativethemeshq)

    Hi @mushlih,
    Why would you need to add this Google font manually?
    Blocksy already supports Google fonts out of the box.

    Thread Starter Mushlih Almubarak

    (@mushlih)

    Blocksy already supports Google fonts out of the box.

    Does it load the fonts directly through the google site? And not saved in my website files?
    Because I want the fonts to be loaded from external links (google) so that my site loads faster and less heavy

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hi @mushlih,
    Yes, that’s exactly how Google Fonts are working by default (they are loaded from Google server).

    They will be loaded from your own server only if you activate the Local Google Fonts extension.

    Hope this clarifies everything.

    Thread Starter Mushlih Almubarak

    (@mushlih)

    But why i can’t see the fonts.google.com at page source code

    Thread Starter Mushlih Almubarak

    (@mushlih)

    I also use elementor pro to display single posts on my site, does it also use the font from your theme (google font)?
    How do i verify that the fonts on my web are loaded from google fonts?

    Hello @mushlih

    Depending on your website configuration, you might have some caching solution implemented. The fonts API is called only when you’ve actually selected a Google Font from the customiser. If you select the default system ones, no API calls will be made.

    Also, Elementor likes to play by its own rules sometimes and it has separate font styling configurations with separate fonts API calls.

    Hope this clears it up a bit.

    Thread Starter Mushlih Almubarak

    (@mushlih)

    Ok, thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Google Font Not Working’ is closed to new replies.