Сеть Vis.js не могла отображать значки при использовании fontawesome-pro-5.0.3

Недавно я обновил 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' }
});

person jammy zhang    schedule 30.07.2018    source источник


Ответы (1)


Искал ту же проблему. Обнаружено, что для новой версии Font Awesome (5.x) требуется другой атрибут лица в Vis.js.

См. https://github.com/almende/vis/issues/3916 для полное объяснение. Атрибут лица теперь зависит от того, какую версию 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' }

См. проблему GitHub Vis.js выше, чтобы узнать о других типах лиц для Font Awesome 5.x.

person Jeroen Bastijns    schedule 23.08.2018
comment
Спасибо Jeroen, я думаю, что ваши комментарии - правильное решение! - person jammy zhang; 24.08.2018
comment
Работает с обычным значком, но не может использовать значки, принадлежащие классу fas. - person MadPapo; 01.10.2018
comment
Я использую этот icon: {face: "Font Awesome 5 Free", code: "\ufbb", color: "#6cf7a2", size: 30}, но по-прежнему не получаю значок fontawesome.com/icons/address- карточка?style=solid - person Ravindra Gupta; 15.10.2019