自定义字体未在 React 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 的东西不工作。

Answer 1

我解决了这个问题，似乎不需要插件 font-loader。我从 direflow-components/testing-component/index.js.

中删除了它

我做的另一项更改是从 font-family.

中删除了单引号

App.css

.header-title {
    font-family: MyLocalFont;
}

自定义字体未在 React Direflow 应用程序中加载

Custom font not loading in react direflow application

css

font-face

reactjs

react-create-app