Icons missing from theme

[mennobouma]

Hi Themeco,

I use this custom css to remove the Font Awesome fonts:

add_action(‘wp_enqueue_scripts’ , ‘x_child_remove_fontawesome’ , 11);
function x_child_remove_fontawesome() {
wp_deregister_style(‘x-stack’);
wp_dequeue_style(‘x-stack’);
wp_register_style( ‘x-stack’, ‘/global/css/integrity-min.css’, NULL, X_VERSION, ‘all’ );
wp_enqueue_style(‘x-stack’ );
}

But now the icons from the theme are not loading, only the Font Awesome icons. Any idea how to add the theme icons with this?

Thank you,
Menno

[friech]

Hi Menno,

Thank you for writing in, please remove that custom function, that is not for removing the fontawesome but the stack styling which broke the layout of your site.

It is not recommended to remove any files on the theme because it will affect how your site is rendered. Fontawesome is the library of ICONS. Removing that means all icons use in the theme will jut display as square like below:

Please check this article instead for guidance on how to improve site performance.

Cheers!

[mennobouma]

Hi @friech

Alright i remove the function, but is there a way to add font-display to the font awesome references?

Google Pagespeed complains about the FA files: https://developers.google.com/speed/pagespeed/insights/?hl=nl&url=https%3A%2F%2Fwww.muziekcursusgids.nl%2F

Thanks,
Menno

[christian]

Hey Menno,

Regretfully, that would require custom development which is beyond the scope of our support. Though Google’s PageSpeed Insights recommended font-display, it is still experimental so this might not be ready to be rolled out into our products.

I will post this in our issue tracker though so this would be taken into account in future product developemnts.

Thanks.