Hi I am trying to fix a page speed issue with the fly cart font front loading and want to use font awesome icon for the fly cart. 

I have added the code 

add_filter( 'woofc_disable_font_icon', '__return_true' ); 

(Once I tried to add to functions and other time used code snippet plugin, I would prefer to detele the snippet plugin) 

I also added this code to the CSS customizer: 

.woofc-count i:before, .woofc-menu-item .woofc-menu-item-inner i:before {
    content: 'af07';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
}
.woofc-count i:before, .woofc-menu-item .woofc-menu-item-inner i:before {
    content: 'af07';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
}

.woofc-area .woofc-close i:before, .woofc-area .woofc-item-remove i:before, .woofc-area .woofc-item-special i:before {
    content: 'af07';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

It does not show any icon in the box just a square. Any ideas on how to fix?

My website is www.goingupeducation.com