font display css

  • Resolved 9ring

    (@9ring)


    2 years, 7 months ago

    Hi all

    I did the pagespeed test on PageSpeed and I got a low score on performance.

    It looks like the main cause is “font-display” thing. PageSpeed recommends me to add font-display CSS.

    So I tried to put the code below to my additional CSS, but it’s still not working. (I’m using generatepress for the theme btw)

    @font-face{
    font-family:'Open Sans';
    src:url('https://MYBLOGTITLE/wp-content/themes/generatepress/assets/fonts/generatepress.woff2') format('woff2');
    font-weight:600;
    font-style:normal
    }

    I’ve also tried to work this out through WP Rocket by putting the code(/wp-content/themes/generatepress/assets/fonts/generatepress.woff2) under “Preload Fonts”. But this also didn’t work.

    If there’s any idea, please let me know. Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter 9ring

    (@9ring)

    2 years, 7 months ago

    Thanks for your reply!

    I’ve just tried to add the last line and re-run my PageSpeed test, but the same problem occurs again..

    And I don’t think there’s any other problems with the 6 things you mentioned above.

    Anything else I can try?

    George Appiah

    (@gappiah)

    2 years, 7 months ago

    Please provide the address of the page you need help with, so we can take a look and give you specific advice.

    Standing by.

    Thread Starter 9ring

    (@9ring)

    2 years, 7 months ago

    I mean I would love to provide the address, but it’s all in Korean so I didn’t think it would be helpful.

    It just says that I need to add font-display css for one of my fonts, woff2.

    And the url for the font was provided which is in the question text above.

    George Appiah

    (@gappiah)

    2 years, 7 months ago

    If you’re unable to share your address for me to check the code full code on the site…. then I’ll advise you to ask your GeneretePress theme developer for help with this. They built the theme and should be able to help you with this without an inspection of your site.

    Good luck!

    Thread Starter 9ring

    (@9ring)

    2 years, 7 months ago

    ohh wait

    Are you talking about my wordpress url? I thought you were talking about the pagespeed url. Here’s my wordpress url pls take a look.

    https://financeblog.co.kr/

    George Appiah

    (@gappiah)

    2 years, 7 months ago

    After a fair bit of googling, I found out the generatepress.woff2 font does not even have text. It’s only used to display the theme’s icons.

    Meanwhile, the theme can alternatively display the same icons using SVG, which completely avoids the web font display problem.

    1) Remove the CSS fix you added, as that’s not needed (and obviously didn’t work)
    2) Go to APPEARANCE => CUSTOMIZE => GENERAL, change the ICON TYPE to SVG, and publish the change.

    That should solve the problem

    If you have any caching/optimization plugins, you may have to flush their caches.

    Thread Starter 9ring

    (@9ring)

    2 years, 7 months ago

    OMG IT DID SOLVE THE PROBLEM

    Thank you so much!!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘font display css’ is closed to new replies.