change default font in semantic-ui with @font-face

Question

i want to change semantic-ui default font with @font-face but no matter...

i tried change in less file(site.variables) but I do not know how change it

i tried ad

Answer 1

You can do the following:

• Add the following to a .css file:

  @font-face  {
      font-family: 'fontname';
      src:url('themes/basic/assets/fonts/fontname.eot'); 
      src:url('themes/basic/assets/fonts/fontname.eot?#') format('eot'),    
          url('themes/basic/assets/fonts/fontname.woff') format('woff');
  }
  

• Import the above code before semantic's site.min.css

• Change the @fontName to 'fontname'

• @importGoogleFonts should be false since you don't want to import any fonts from Google

By default the above will applied to body