font-awesome-5 - 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' }

有关 Font Awesome 5.x 的其他面部类型，请参阅上面的 Vis.js github 问题