在d3中通过css更改特定文本的文本字体

Question

我正在使用d3框架，我正在尝试使用css指定以下元素的字体（我想使用自定义字体，这就是我使用css的原因）。

var anchorNode = svg.selectAll("g.anchorNode").data(force2.nodes()).enter().append("svg:g").attr("class", "anchorNode");
anchorNode.append("svg:circle");
anchorNode.append("svg:text").text("test"); 

我尝试使用

text {
    font: 2px Arial;
    pointer-events: none;
}

但这不适用于此特定文字。我假设这是因为文本被附加到节点。在css中访问文本的正确语法是什么？

Answer 1

您是否有指向呈现的HTML或jsfiddle的链接？

看起来你附加了一个名为anchorNode的类。您可以更新该类的CSS字体：

.anchorNode {
      font-family: "Times New Roman", Times, serif;
      font-size: 2px;
}