Font Loading Speed is KILLING

Resolved ptm282192
(@ptm282192)

5 years, 1 month 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 5 years, 1 month 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)

5 years, 1 month ago
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)

5 years, 1 month ago
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 5 years, 1 month ago by ptm282192.
sermalefico
(@sermalefico)

5 years, 1 month ago
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 5 years, 1 month ago by sermalefico.
Plugin Author WPClever
(@wpclever)

5 years, 1 month ago

@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)

5 years, 1 month ago

Can I send it privately in any way?

Plugin Author WPClever
(@wpclever)

5 years, 1 month ago

@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.

moserello
(@moserello)

4 years, 9 months ago

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