title: Getting error loading font awesome 5 in WP site
body: <p>I have used font awesome 5 on my website! It was working fine when I have used it on html but when I tried to use this on CSS using pseudo it was not working properly! The icon was not loading</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.ex-loadmore .loadmore-exbt {
        border: none;
        color: $cerulean;
        font-family: $secondary-font;
        font-size: 14px;
        line-height: 48px;
        text-align: center;
        color: #3A7DC0;
        padding: 0 30px !important;
  
        &amp;::after {
            content: "\f04b";
            font-family: "Font Awesome 5 Free";
        }
  
        &amp;:hover {
            color: #fff !important;
            background: #3A7DC0 !important;
            padding: 0 30px !important;
        }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>function emailagency_assets() {
  
  wp_enqueue_style(
  $handle = 'google_fonts', 
  $src = '//fonts.googleapis.com/css?family=Roboto&amp;display=swap'
  );
  
  wp_enqueue_style(
  $handle = 'fontAwesome', 
  $src = '//use.fontawesome.com/releases/v5.2.0/css/all.css'
  );
  
  wp_enqueue_style(
  $handle = 'bootstrap', 
  $src = '//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css'
  );
  
  if ( is_rtl() ) {
  wp_enqueue_style( 'mfn-rtl', get_template_directory_uri() . '/rtl.css' );
  }
  
  // Enqueue the child stylesheet
  wp_dequeue_style( 'style' );
  wp_enqueue_style( 
  $handle = 'style', 
  $src = get_stylesheet_directory_uri() .'/dist/css/style.css' 
  );
  
  wp_enqueue_script( 
  $handle = 'font_awesome_script',
  $src = '//use.fontawesome.com/releases/v5.2.0/js/all.js'
  );
  
  wp_enqueue_script( 
  $handle = 'boot1',
  $src = '//code.jquery.com/jquery-1.12.4.min.js'
  );
  
  wp_enqueue_script( 
  $handle = 'boot2',
  $src = '//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js'
  );
  
  wp_enqueue_script( 
  $handle = 'boot3',
  $src = '//stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js'
  );
  }
  
  add_action(
  $tag = 'wp_enqueue_scripts', 
  $function_to_add = 'emailagency_assets'
  );</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have tried font awesome 4 it worked but not sure why version 5 is not working! 
  Any kind of help would be very appreciatable! </p>