自定义SVG节点中的字体带有vis.js网络的图像

Question

我正在寻找带有中间字体图标和下方股票标签的圆形节点。这个（http://jsbin.com/hiqega/3/edit?js,output）非常接近我正在寻找的东西，除了我需要传递字体名称和图标代码以供使用。

function nodeImage(color, icon, font)
{
  var svg = '<svg xmlns="http://www.w3.org/2000/svg" ' +
                 'width="120" height="120" viewPort="0 0 120 120">' +
            '<ellipse ry="55" rx="55" cy="60" cx="60" ' +
                 'style="fill:' + color + ';stroke:black;stroke-opacity:.5;stroke-width:4;" />' +
            '<text x="61" y="63" text-anchor="middle" dominant-baseline="middle" ' +
                 'style="font-family:' + font + ';font-size:100px;fill:black;fill-opacity:.5;">' +
                 icon + '</text>' +
            '</svg>';
  return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg);
}

我在一个已在其他地方使用该字体的页面中调用此nodeImage('red', '', 'FontAwesome')，所以我不认为问题是它没有被加载。

Here's a pic of the resulting node

关于我哪里出错的任何建议？