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; 
}