Home Forums WoodMart support forum IcoMoon Custome Icons Reply To: IcoMoon Custome Icons

#193367

Hello,

You need:

1. Activate the child theme.

2. Create the folder “fonts”

3. Upload all your fonts into this folder.

4. Copy styles.css into the folder root and name it font.css

5. Find this code:

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ozc1sy');
  src:  url('fonts/icomoon.eot?ozc1sy#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ozc1sy') format('truetype'),
    url('fonts/icomoon.woff?ozc1sy') format('woff'),
    url('fonts/icomoon.svg?ozc1sy#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

6. Replace with this code:

@font-face {
  font-family: 'icomoon';
  src:  url('https://YOURSITE/wp-content/themes/woodmart-child/fonts/icomoon.eot?ozc1sy');
  src:  url('https://YOURSITE/wp-content/themes/woodmart-child/fonts/icomoon.eot?ozc1sy#iefix') format('embedded-opentype'),
    url('https://YOURSITE/wp-content/themes/woodmart-child/fonts/icomoon.ttf?ozc1sy') format('truetype'),
    url('https://YOURSITE/wp-content/themes/woodmart-child/fonts/icomoon.woff?ozc1sy') format('woff'),
    url('https://YOURSITE/wp-content/themes/woodmart-child/fonts/icomoon.svg?ozc1sy#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

7. Add this line: wp_enqueue_style( 'font-style', get_stylesheet_directory_uri() . '/font.css', array(), woodmart_get_theme_info( 'Version' ) ); to the functions.php file as shown: https://prnt.sc/sd0blv

Best Regards