¿Disable Font Awesome?

pikatxu77
(@pikatxu77)

9 years, 4 months ago

Hello, I am trying to optimize the speed of the theme, and I would like to disable the “Font awesome” that slows down the bit load (/wp-content/themes/customizr-pro/inc/assets/css/fonts/fonts/fontawesome-webfont.woff2?v=4.7.0):
http://prnt.sc/dwxvi6

I thought that by turning off the option: http://prnt.sc/dwxwrj Its load was deactivated, but it still appears (I cleared the cache).

Looking at the page source code I get:
http://prnt.sc/dwxxyi

I do not know if it is normal to appear after disabling the option. Is it possible to optimize it, avoid those 75Kb but set icons work, am I doing something wrong?

I would appreciate the information
Thanks!

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

Denzel Chia
(@denzel_chia)

9 years, 4 months ago

Hi,

The URL you had provided is the web font URL, not the css file.

You need to uncheck “Load font awesome set of icons” in order to stop this from loading.

But your theme icons will not work if you disable this option.

Thank you.

Thread Starter pikatxu77
(@pikatxu77)

9 years, 4 months ago

Hi Denzel,

You’re right, uncheck “Load font awesome set of icons” stop loading. With this the page speed improvement, it reduced by 100Kb and 4 request, but the theme icons doesn’t work 🙁

I prefer to display these icons.

Maybe, is a suggestion, in a future update of the theme, it could be given the option to only load the icons used by the theme, not the entire FontAwesome library.

Thanks for the reply, wish you a good week!
avalanche
(@packerland)

9 years, 4 months ago
@pikatxu77
I use the plugin Easy Bootstrap Shortcode. It imports Font Awesome as a css and not a woff, therefore speeding up the load time a bit. If you do decide to use this plugin, and you’re using the horizontal navigation, just make sure to add this to your child css:
```
.nav-collapse.collapse {
    display: block;
}
```
Otherwise, your navigation will disappear.

I tend to use this plugin for styling header tags, wells, and creating responsive columns, so for me the Font Awesome was a bonus.
Thread Starter pikatxu77
(@pikatxu77)

9 years, 4 months ago
Hi @packerland,

Thanks so much for the help. Usually I’m not very keen to add many plugins, the less the better, but it may be interesting what you say, I’ll look, thank you!

I was trying to: https://icomoon.io/app/
Where you can freely generate the source with only the icons you want to use. I created the font by selecting only the icons that appear on my web, I went up to the web server and added the line in the child theme’s functions.php:
```
Add_action ('wp_enqueue_scripts', 'enqueue_font_awesome');
Function enqueue_font_awesome () {
Wp_enqueue_style ('font-awesome', 'http://myweb.com/wp-content/themes/customizr-child/css/custom-font-awesome.css'');
}
```
But it did not work, I’m not a programmer, I’m sure I do something wrong. I tried.

Thanks!
- This reply was modified 9 years, 4 months ago by pikatxu77.
- This reply was modified 9 years, 4 months ago by pikatxu77.
- This reply was modified 9 years, 4 months ago by pikatxu77.