Javascript 如何将标准google字体添加到D3.js svg文本元素

如何将google字体添加到d3文本元素，例如：

   g.append('text')
      .attr('x', width / 2)
      .attr('y', height / 3)
      .text('roboto')
      .style("font-family", "roboto")
      .style("font-size", "80px")
      .attr("fill", "grey");

这与下面的问题是分开的，该问题的重点是自定义类型面

---

直截了当的解决方案：

在布局的头部使用链接元素，如下所示

 <link href='https://fonts.googleapis.com/css?family=Inconsolata:700' rel='stylesheet' type='text/css'>

 svg.append('text')
      .text('Inconsolata')
      .style("font-family", "Inconsolata")