Add Elegant Icon Font to any Theme

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>

Scroll to Top