Download fonts from here: https://www.elegantthemes.com/icons/elegant_font.zip
- In your child theme create a folder /fonts/ and paste there the fonts
ElegantIcons.eot
ElegantIcons.svg
ElegantIcons.ttf
ElegantIcons.woff - Also the style.css that is in the downloaded zip file
- Edit the style.css and change ‘fonts/ElegantIcons.XXX’ to ‘ElegantIcons.XXX’
- Include the style.css in your theme with functions.php
//* Enqueue fonts css, style.css
add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' );
function enqueue_my_styles() {
wp_enqueue_style( 'my-theme-et', get_stylesheet_directory_uri() . "/fonts/style.css");
}
Check this page for html to show icons: https://www.elegantthemes.com/blog/resources/elegant-icon-font
Use fonts like this
<span aria-hidden="true" class="arrow_up"></span>