How to load custom fonts using fast velocity minify?

  • Resolved Amit bhalani

    (@amit648)


    5 years, 5 months ago

    Hello, @alignak

    I have used your plugin on many websites. All functionality proper worked in our custom design websites. I have achieved 85+ scores( Mobile – Google Speed Insight ) on a custom website using your plugin. But one issue fetches on every website. ( Custom Fonts )

    When I used custom fonts and define into CSS file so that’s fonts effects on website speed because of fonts download when is page loaded.

    So, Any idea of how to load custom fonts URL using your plugin.

    Here some screenshot ( Google Speed Insight)

    View post on imgur.com

    View post on imgur.com

    • This topic was modified 5 years, 5 months ago by Amit bhalani.
    • This topic was modified 5 years, 5 months ago by Amit bhalani.
    • This topic was modified 5 years, 5 months ago by Amit bhalani.
    • This topic was modified 5 years, 5 months ago by Amit bhalani.
    • This topic was modified 5 years, 5 months ago by Amit bhalani. Reason: image changes
Viewing 1 replies (of 1 total)
  • Plugin Author Raul P.

    (@alignak)

    If you are adding the fonts, that means they are needed for rendering the page, therefore they will show up on pagespeed insights since you specifically chose to include them.

    You should however, add font-display: swap; or font-display: block; for that notice on pagespeed. It’s explained clearly if you follow their documentation.
    Example: https://css-tricks.com/font-display-masses/

Viewing 1 replies (of 1 total)
  • The topic ‘How to load custom fonts using fast velocity minify?’ is closed to new replies.