使用D3.js向SVG添加字体图标

我花了很多时间与FontAwesome/LinearIcons和d3.js一起工作

但这是第一次使用自定义字体，有些奇怪的事情正在发生

我有样式表链接，HTML中的直接引用工作正常：

 <span class="icon-01"></span>
 <i class="icon-02"></i>

然后，我添加了一个文本元素，添加方式与创建超级图标/线性图标（用HTML编写以便于测试）的方式相同：

\ue907

我有图标，但都是

---

有什么想法吗？

如果你能建立一个演示你的问题的网站，那会很有帮助。我不确定客户是否会喜欢我分享他们的字体。不过媒体文章中有很多例子。我真的需要它来找到以前做过这件事的人吗？？？很多例子，但不是Fontastic；此外，这些例子并没有改变我们无法用您共享的信息调试您的代码的事实：如果没有一个示例，我们几乎无能为力。。。如果你能建立一个演示你的问题的网站，这将是很有帮助的。我不确定客户是否会对我分享他们的字体感到满意。不过媒体文章中有很多例子。我真的需要它来找到以前做过这件事的人吗？？？很多例子，但不是Fontastic；此外，这些例子并没有改变我们无法用您共享的信息调试您的代码的事实：如果没有一个示例，我们几乎无能为力。。。

  <svg width="100" height="40">
  <text x="20" y="20" style="font-family: untitled-font-3">\ue907</text>
  </svg>