Google fonts aren’t working when previewing the website

I want to use the DM Sans font. I added the DM font here and I followed your recommendation for loading Google fonts locally and pre-loading it.

I’ve edited the typography on each page and set it to DM which became the default font.

When I edit my page, I’m able to see that my pages are taking the DM font as their font family However, the chosen font family which is DM isn’t displayed when I preview the page though when I inspect the heading I found that its font family is a DM. What I should do?