웹 페이지의 svg에서 기본적으로 상속 된 글꼴을 사용하지 않도록 설정하거나 재정의하는 방법

Question

높은 차트 차트의 데이터 레이블을 변경해야 할 때이 문제가 발생했습니다.

바이올린 링크 : click here

하나가 크롬을 사용하는 경우, 예를 들어, 데이터 레이블을 검사하려고 DivisionA에서 글꼴이 svg에서 상속되었음을 알 수 있습니다. 나는 글꼴을 바꾸고 CSS를 .highcharts-container {.. },을 사용하여 적용하려고 시도했지만 작동하지 않습니다.

어떤 도움

주시면 감사하겠습니다.

Answer 1

대신 text 요소 (부모는 tspan)를 타겟팅해야합니다. 그래서 당신이 시도 할 수 있습니다 :

.highcharts-label text { 
    font-family: ...; 
}