[Resolved] Embed ‘generatepress’ fonts in CSS

Home Forums Support Embed ‘generatepress’ fonts in CSS

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1448214
    Milan Petrović

    Hi,

    I have noticed that ‘generatepress.woff2’ and ‘generatepress.woff’ are very small, and it would be better to have them included in the CSS file as base64 encoded, and it will not make the CSS much bigger but will eliminate font loading for 99% of browsers, and it will greatly improve the performance of the CSS and fonts loading.

    If you don’t want to do that, what is the best way to override with child theme the way the theme load fonts, and make that change?

    Regards,
    Milan

    #1448369
    David
    Staff
    Customer Support

    Hi there,

    the simplest and best solution is to change the Icon Type to SVG in Customizer > General.
    This removes the font and inlines the SVG icons.

    #1448373
    Milan Petrović

    Thanks for the reply. Yeah, I know about that, but I still prefer using font icons, and I have done this with a few of my plugins that have small fonts (up to 10KB), that give a great performance boost on tests like PageSpeed.

    #1448665
    David
    Staff
    Customer Support

    Its not something we would look at adding inside the themes CSS.
    You could of course dequeue the fonts and add that into your own style sheet.

    #1448852
    Milan Petrović

    Ok, thanks.

    #1448887
    David
    Staff
    Customer Support

    No problems. I’ll pass this onto Tom for future reference. Thanks for your insights!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.