Home › Forums › WoodMart support forum › IcoMoon Custome Icons › Reply To: IcoMoon Custome Icons
May 8, 2020 at 7:39 am
#193367
Elise Noromit
Member
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