Moesia - Font Awesome - v5


#1

Hi,

I’m using the Moesia theme. It’s currently using version 1.48
When selecting the Font Awesome icons it’s still showing as the older icons, i.e. pre- v5 I think, which is a really limited icon set.

How can Moesia use the latest Font Awesome icons?

Cheers


#2

Hello there,

Refer to this thread, please.

Regards,
Kharis


#3

Thanks. Tried that, with the snipped plugin, but still not showing.

I’m using Moesia, not Sydney theme, so tried changing the code as follows

   wp_dequeue_style( 'sydney-font-awesome' );

to

   wp_dequeue_style( 'moesia-font-awesome' );

This didn’t work either.

Any further help, please?

Cheers!


#4

Hello there,

I use these functions and newer version of Fontawesome loads fine.

/**
 * Unload default Fontawesome
 */
function moesia_child_remove_default_fontawesome() {

   wp_dequeue_style( 'moesia-font-awesome' );

}
add_action( 'wp_enqueue_scripts', 'moesia_child_remove_default_fontawesome', 999 );

/**
 * Load new Fontawesome over CDN
 */
function moesia_child_add_fontawesome_free_cdn() {
  ?>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  <?php
}
add_action('wp_head', 'moesia_child_add_fontawesome_free_cdn');

If site caching has been applied, you might need to flush/clear it whenever new code added or did some modifications. Otherwise it won’t take any effect.

https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

Regards,
Kharis


#5

Hi

Still no joy with your code as above. See here: https://www.itstheyorkshireman.co.uk/

Look at the Pickup Truck icon.

Thanks


#6

@kharisblank any further I can try with this?


#7

is anyone bothering to support this?


#8

Hello there,

Please try replacing this line:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

with:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Then use complete class name for icons of latest version. For example:

fal fa-truck-pickup

00

Regards,
Kharis


#9

Boom! Now it works. Awesome! Thanks


#10

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis