Material Icons (Google Font) - Glitch on Page Load

I have installed Material Icons and placed some on the page.

When my page loads you can see the text convert to the icon which is annoying. If you watch the magnifying glass - you’ll see the word ‘search’ for a brief moment.
GIF Preview

I found this post:
Flash of unstyled text - fallback fonts loads initially then switches to google font

I added that CSS to my website and it had no effect on the glitch.

Any ideas on how to overcome this? Should I bin Material Icons?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Webflow icons – Everything you need to know.
please follow these link it is very helpful. You just download the Google font Go into project Settings > Fonts> Custom Fonts> Upload.

I’m asking about the glitch on page load, not how to install them (which I’ve already done).
Please read the question before replying.

I mean your way of installing the font was not corrected

But how if the icons are displaying correctly on the page (when I choose my uploaded font) - and I can choose any icon from the library?

Can you please explain how you added the Google Fonts to your project?

Should I change the display swap?

Ok. I know the problem now. I downloaded the library from Github and added them as a Custom Font. When using Webflow’s own Google Font drop-down - they seem to work with no glitch.

Thank you.

yes, that I was trying to say.