css - Material Design 图标未加载

Question

我用 VanillaJS、Webpack 和 Material Design Lite 构建了一个单页应用程序。该应用程序在浏览器中运行良好并正确呈现。

我想在 JavaFX Webview 中获取这个 webapp。一切都运行良好，除了没有渲染材质图标。

我试过这个：

Font.loadFont(        
    this.getClass().getClassLoader().getResource("fonts/MaterialIcons-Regular.woff").toExternalForm(), 10
);

但它没有用。

我尝试使用以下 Webpack 配置将 Material Design 图标字体直接编码为 css 文件中的 base64：

{
     test: /\.(eot|svg|ttf|woff|woff2)$/,
     include: path.join(__dirname, 'node_modules', 'mdl-pack', 'dist', 'icons'),
     loader: 'url-loader?limit=100000'
}

也没有用。

我使用了webview 调试器，可以看到 webview 加载了 woff 字体。

有人已经在 J​​avaFX Webview 中加载了图标字体吗？你如何进行？