自定义字体未在反应 direflow 应用程序中加载

Question

我创建了一个 javascript direflow 应用程序。我正在尝试加载本地字体，但无法加载。

以下是我应用的详细信息和代码片段。

文件夹结构

font.css

@font-face {
    font-family: 'MyLocalFont';
    src: local('MyLocalFont'),
         url('./fonts/MyLocalFont.woff') format('woff'),
         url('./fonts/MyLocalFont.woff2') format('woff2');
}

direflow-components/testing-component/index.js

plugins: [
    {
      name: 'font-loader',
      options: {
        custom: {
          families: ['MyLocalFont'],
          urls: ['/fonts.css']
        },
      },
    },
  ],

App.css

.header-title {
  font-size: 34px;
  color: #5781C2;
  font-family: 'MyLocalFont';
}

字体文件未加载。请帮忙。

注意：使用 create-react-app 构建一个 React 应用程序，@font-face 会更改字体加载。使用 direflow 的东西不起作用。