we’re using pro version and latest version of font awesome 5, and the plugin still uses font awesome 4, and had issues loading our icons. we tried to disable loading the font awesome 4 in plugin settings but didnt work.

is there any workaround on the said issue?

thanks.

There are 3 options in this category, I do know fontsawesome icons consumes load time.

But what are CSS Icons?

I want good load time, so should I switch over to css icons if load time is what I am concerned.

I have also seen a file called “icomoon.tff”, is this the font icon or the font-style, as it consumes very high load time.

I am concerned about the load time, because I am experiencing a higher amp load time compared to non-amp.

I have also opened a ticket regarding this
https://www.ads-software.com/support/topic/amp-high-load-time-issue/

Best regards,
Samuel

What would be the best way to fix this issue without breaking upgradeability?

I was wondering if there is a way to remove font awesome fonts from loading? Because I am already loading font awesome on my site and do not need to load it twice.

Thank you very much!

It seems when I click on the readable font is hides all the font icons on screen:

Here is a where I had tested on your website: https://accessibility-helper.co.il/features-comparison/

Here is a screenshot of the error: https://files.motionmastertemplates.com/oltSO8R

Please let me know what you think and have an amazing day!

Second problem: When you hover over these blocks, the font icons color does not change. It should turn into white as wel.

What I’m I doing wrong here? This is my code:

<div class="pf-menu-wrap">

<i class="fa fa-desktop fa-3x" aria-hidden="true"></i><br>
<span class="pf-icon-title">Websites</span>


<i class="fa fa-desktop fa-3x" aria-hidden="true"></i><br>
<span class="pf-icon-title">Webshops</span>


<i class="fa fa-desktop fa-3x" aria-hidden="true"></i><br>
<span class="pf-icon-title">Grafisch Ontwerp</span>

</div>

.pf-menu-wrap {
text-align:center;
}
.pf-menu-wrap a {
/*padding:10px;*/
border:1px solid #d65050;
color:#d65050;
text-decoration:none;
display:inline-block;
text-align:center;
width:30%;
margin:5px;
}
.pf-menu-wrap a:hover {
color:#fff;
background-color:#d65050;
}
.pf-icon-title {
font-size:2em;
text-transform:uppercase;
line-height:2em;
}

My question is about performance and best practices. The plugins I have used seem to bog the system down. To be fair it could have been just about a million reasons why from using the wrong one, to a network issue. But I was going to do an off canvas menu JavaScript function. My Web hosting company has a tip sheet saying not to use JavaScript libraries to speed things up but then says to use a font icon plugin.

Is using jQuery going to slow down my theme in a materail/noticable way? Should I just code in the font icons I want to use? Or do I use a plugin for this? I’m going to wind up testing anyway but maybe I’m reinventing the wheel so I though I’d ask.

Thanks

I’m loving this plugin! everything is working perfectly, the only thing I haven’t worked out is something to do with category icons. Is there a way to add custom icons apart from the Fontawesome ones that come preloaded with the plugin?

They’re font icons too, just generated off flaticon.com

Thank you in advance

https://www.ads-software.com/plugins/wpadverts/