材料设计图标无法加载

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 debugger，可以看到wview字体是由webview加载的。

有人已经在JavaFX Webview中加载了图标字体吗？你怎么办？