Cannot load fonts in development environment

[trungdq88]

I am trying to load custom font.

My component dir tree:

My _App.scss:

@font-face {
  font-family: 'SegoeUIRegular';
  src: url('./font/segoeui.eot');
  src: url('./font/segoeui.eot') format('embedded-opentype'),
  url('./font/segoeui.woff') format('woff'),
  url('./font/segoeui.ttf') format('truetype'),
  url('./font/segoeui.svg#SegoeUIRegular') format('svg');
}

App.jsx:

import styles from './_App.scss';
...

In development environment, the font request looks like it is sent to a wrong URL:

This does not happen on production code, only in development (with npm start command).

Please help.