Vis.js 使用fontawesome-pro-5.0.3网络无法显示图标

Question

我最近将fontawesome从4.7.0版本升级到pro-5.0.3，我的网络图表中的图标显示为空白框。如果我将 fontawesome 改回 4.7.0，它会完美运行。我把我的节点定义代码放在下面，我做了很多研究但无法弄清楚，非常感谢任何帮助！

nodes.add({
id: Number(dataAjaxArray[i].id),
shape: 'icon',
icon: { face: 'FontAwesome', code: '\uf233', size: 20, color: '#000000' },
iconFontFace: 'FontAwesome',
iconSize: 21,
label: dataAjaxArray[i].name,
font: { size: 11, color: '#4d4d4d', face: 'arial' }
});

Answer 1

正在调查同样的问题。发现新版Font Awesome(5.x)需要在Vis.js中使用不同的face属性。

有关完整说明，请参阅 https://github.com/almende/vis/issues/3916。 face 属性现在取决于您使用的 Font Awesome 版本。对于专业版需要

icon: { face: '"Font Awesome 5 Pro Regular"', code: '\uf233', size: 20, color: '#000000' }

免费版需要

icon: { face: '"Font Awesome 5 Free"', code: '\uf233', size: 20, color: '#000000' }

请参阅上面的 Vis.js github 问题，了解 Font Awesome 的其他字体类型 5.x

Vis.js 使用fontawesome-pro-5.0.3网络无法显示图标

Vis.js Network could not display icons when using fontawesome-pro-5.0.3

font-awesome-5

vis.js-network