angular - 在 cytoscape 的边缘标签中通过其 unicode 使用字体真棒图标不起作用

问题描述

我正在尝试在边缘标签中使用字体真棒图标，cytoscape.js 我已经提到了相关问题并遵循了它，但我并不幸运。

这是我的代码的一部分：

{
   selector: 'edge',
   style: {
     width: 1.5,
     'curve-style': 'bezier',
     label: '\uf0b0',
     'font-family': 'Font Awesome 5 Free',
     'font-size': 13,
     'font-weight': 900,
   }
},

它一直向我显示一个小框，而不是如下图标：

我的项目基于 Angular 8
我已经通过安装了 font-awesome 依赖项npm
我已将相关信息添加到angular.json

我错过了什么？

试用代码： https ://stackblitz.com/edit/js-agbuip

编辑：我已经链接了一个简单的演示

标签： angularcytoscape.jscytoscape

我有同样的问题。

看起来 cytoscape.js 与 font awesome 5 不兼容（反之亦然;-)）。使用 font awesome 4.7 ( https://fontawesome.com/v4.7.0/get-started/ ) 现在可以工作。（记得在切换回 font awesome 4 时使用 'font-family': 'FontAwesome'）。

angular - 在 cytoscape 的边缘标签中通过其 unicode 使用字体真棒图标不起作用

问题描述

解决方案

推荐阅读