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

【问题标题】：Vis.js Network could not display icons when using fontawesome-pro-5.0.3Vis.js 网络在使用 fontawesome-pro-5.0.3 时无法显示图标
【发布时间】：2018-07-30 15:20:44
【问题描述】：

我最近将 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' }
});

【问题讨论】：

标签： font-awesome-5 vis.js-network

【解决方案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 问题

【讨论】：

感谢 Jeroen，我认为您的 cmets 是正确的解决方案！
正常图标工作，但不能使用“fas”类图标
我正在使用这个icon: {face: "Font Awesome 5 Free", code: "\ufbb", color: "#6cf7a2", size: 30}，但仍然没有得到图标fontawesome.com/icons/address-card?style=solid