Google Font won’t load

  • I have tried to embed a font in this page. It appears as expected if I host the page elsewhere, but on wordpress an extra style rule gets added and it blocks the font from appearing. I added the following rule to my stylesheet, but this seems like a really janky way of using an external font.

    :root :where(body) {
    font-family: “Spicy Rice”, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 150%;
    }

    Is there a better way to do this?

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

Viewing 1 replies (of 1 total)

  • You have inserted an incorrect HTML document within a block in the Block Editor. As a result, your page is currently displayed completely broken. You are obviously trying to include the font as well as your own HTML code there. This is the wrong approach overall.

    The Block Editor itself already offers you the option of integrating Google Fonts. The procedure is described quite well here, for example: https://www.wpzoom.com/docs/how-to-add-google-fonts-to-block-themes-in-wordpress-6-5/

    Then remove the block you have added and build up the content with blocks according to the Block Editor.

Viewing 1 replies (of 1 total)
  • The topic ‘Google Font won’t load’ is closed to new replies.