d3.js - 使用 D3.js 将 Fontastic 图标附加到 SVG

Question

我花了很多时间使用 FontAwesome/LinearIcons 和 d3.js - https://medium.com/@bryony_17728/d3-js-linearicons-and-font-awesome-887548662162

但这是第一次使用自定义 Fontastic 字体并且发生了一些奇怪的事情。

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

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

然后，我以与 FontAwesome/Linear Icons 相同的方式添加一个文本元素（以 HTML 编写以便于测试）：

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

我得到了图标，但都是！

有任何想法吗？