IcoMoon Custome Icons

Hi I would like to implement custom Icon Set to my site.

I made 5 new icons and uploaded font files (.eot, .svg, . ttf, .woff, .woff2)to font folder (samefolder wher woodmard fonts are).

Than i put font.css file (generated by IcoMoon) in ccs folder

I cant get icons on my page … I am working with <i class=””>

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

THX … where can I now change inbuild social icons with new ones?

Hello,

You can change the icons here: woodmart\inc\shortcodes\social.php

Best Regards

[Author]

Posts