Hey, sorry for the late response. So this line is there so that webpack can actually access the default semantic-ui fonts.

The default value of @fontPath is relative to the /node_modules/semantic-ui-less/ directory so we need add an extra ../ in order to be able to get the fonts. The themes folder that you don’t see actually exists within the semantic-ui-less package and that is exactly what we are trying to access.

Now the @{theme} parameter is so that webpack can resolve the fonts of every theme and not only the default theme. So depending on your theme choice the fontPath can change in order to direct webpack to the proper assts folder

Front-end ReactJS Developer — https://aggelos.dev

Front-end ReactJS Developer — https://aggelos.dev