How to edit @font-face style for a theme in Wordpress?
I have been running some diagnostics on my site and it's coming up very slow. One thing that's recommended is to "ensure text remains visible during webfont load - Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading." Google says that "The easiest way to avoid showing invisible text while custom fonts load is to temporarily show a system font. By including
font-display: swap in your
@font-face style, you can avoid FOIT in most modern browsers", and then gives the code.
However... where do I put this code in? I've never screwed around with PHP and don't really understand how to do it. I tried going into "Edit themes" to edit the HTML stylesheet for my theme on Wordpress, but when I added that code it didn't seem to do anything (it didn't break the site either, so that's something). Can anyone advise?