使用Webpack 4加载自定义字体字体

Question

尝试了不同的方式在webpack 4中加载自定义Gugi / Roboto字体。似乎没有一种方法可以正确加载该字体。

但是，当我在系统中安装字体时，它可以按预期工作-表示Css和应用正常运行。 因此，这似乎是一个webpack问题，我无法弄清楚。

index.js

import 'typeface-roboto';

Webpack配置

{ test: /\.jsx?$/, use: 'babel-loader', exclude: /node_modules/ },
{ test: /\.css$/, loader: 'css-loader' },
{ test: /\.woff2?$/, loader: 'url-loader?limit=100000&mimetype=application/font-woff' },

我在React中使用mui-next，它应该与Roboto字体兼容。 （如果系统中提供了该字体，则该字体可以完美显示-在Windows中安装。）

另外，尝试了不同的方法-通过font.css加载字体，并通过gulp复制woff2文件。 奇怪-所有选项似乎都不起作用。

谢谢你的帮助！