Archived topic
Font awesome and dashicons
1 reply · Started by Swadhin on April 10, 2019
Hi there,
I discovered GP has options to:
1) Cache dynamic CSS: I use a CDN and a caching plugin (w3 total cache) should I still go ahead and activate this to boost site performance? Please know that I use a decent amount of custom CSS in the "additional CSS section of customizer.
2) Load essential icons only: I use fontawesome icons at some places. Should I enable this (will the font awesome icons used on the site work normally after that?).
P.S. I use the following code to generate an icon in my bullet lists. it appears good on desktop (I have linked the page using the code in URL section. Please search for "wpengine" to view it).
The problem is it doesn't load on mobile and gives an unsupported icon. How can we fix that?
ul.linkblock li {
border-bottom: 1px solid #ECEFF1;
list-style: none;
margin: 0;
}
ul.linkblock li a:before {
content: "\f497\0020" !important;
font-family: 'dashicons' !important;
color: #0066cc!important;
font-size: 20px !important;
margin-right: 3px !important;
}
Hi there,
1. Not really necessary considering you're caching the CSS with W3 total cache - but no harm in leaving it alone if all things are working correctly.
2. Load Essential Icons are a legacy requirement for when GP used FA for its theme icons. So i would leave this unchecked.
Dash Icons are only loaded on the dashboard by default, you will seem them on desktop because i assume you're logged in. To enable them on the front end you use this PHP Snippet:
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}