Font Loading Speed is KILLING

  • Resolved ptm282192

    (@ptm282192)


    3 years, 7 months ago

    Hii!

    First of all, thanks a lot for this awesome plugin developed!

    I have been trying to speed up my site for years and now after installing your great plugin I faced the issue that the font woofc.ttf is loading extremely long time and is in header. In the waterfall and it shows over 0.5 seconds of load time – wp-content/plugins/woo-fly-cart/assets/fonts/woofc.ttf

    Is there a way to speed this up, may you please tell how to remove that font from loading and suggest a CSS code to change the icons, instead of loading a special font for that purpose.

    Thank you for the understanding but this is the really bad issue I faced and want it to be solved. This bug really keeping me aside from using such a great plugin!

    Image: https://ibb.co/4fxwssF

    • This topic was modified 3 years, 7 months ago by ptm282192.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author WPClever

    (@wpclever)

    Hi @ptm282192

    Please follow these steps:

    1. Update our plugin to the latest version 3.0.3

    2. Add below snippet (How to add custom code?):

    add_filter( 'woofc_disable_font_icon', '__return_true' );

    3. Add custom CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woofc-count i:before, .woofc-menu-item .woofc-menu-item-inner i:before {
    content: '\f291';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
}

.woofc-area .woofc-close i:before, .woofc-area .woofc-item-remove i:before, .woofc-area .woofc-item-special i:before {
    content: '\f00d';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
}

    You can use the above CSS code to change icons as you want.

    Thread Starter ptm282192

    (@ptm282192)

    Thank you for the solution!
    But now after all of those icons not showing and instead of that only squares instead of Icons, maybe because Font Awesome 5 Free is not supplied locally with the plugin?

    And woofc.ttf is still loading in a waterfall test

    Thank you for your help!

    • This reply was modified 3 years, 7 months ago by ptm282192.

    For me works perfectly, only change font-weight: 400; to font-weight: 900;

    Because font awesome 5 free is only stronge weights

    My font awesome is load from elementor

    • This reply was modified 3 years, 7 months ago by sermalefico.
    Plugin Author WPClever

    (@wpclever)

    @ptm282192 “Font Awesome 5 Free” just an example.

    Because you turned off the icons from WPC Fly Cart, so you need to use another icons library which already included on your website.

    Please send me your website link then I can check it first.

    Thread Starter ptm282192

    (@ptm282192)

    Can I send it privately in any way?

    Plugin Author WPClever

    (@wpclever)

    @ptm282192 please open a new thread then you can fill your website link in a secret field https://www.screencast.com/t/zEhKlnpf or you can open a ticket on our Support page.

    Hello @wpclever,

    unluckily same problem here (G Console shows 6.4s to load this font).
    If I try the solution you proposed, removing the font, I also lose the cart icons (they become a simple square) and the top-right “X” close icon.
    Why changing the font makes icons disappear?

    I do not use elementor so that I used “Oswald” as font.
    Could you help me please?
    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Font Loading Speed is KILLING’ is closed to new replies.

Tags