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问题

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

1 个答案: