Thats actually fairly easy, the way i do it is like so:
1. Create a folder for example "iconfonts" in your current using theme.
2. Place all downloaded files in there
3. Edit and add this at the very end of your functions php like the following:
/**
* Add Iconfont
*/
function fa_import(){
// point the wp enqueue script to your wanted CSS files, for example the all.min.css
wp_enqueue_style( 'custom', get_template_directory_uri() . '/iconfonts/css/all.min.css' );
}
add_action('wp_enqueue_scripts', 'fa_import');
// Remove Old Font Awesome CSS, optional if you don't want to load unnecessary font awesome files from elementor
add_action( 'elementor/frontend/after_register_styles',function() {
foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
wp_deregister_style( 'elementor-icons-fa-' . $style );
}
}, 20 );
