默认情况下如何禁用或覆盖网页中从svg继承的字体

Posted 2021-05-04

当我需要更改高图表图表的数据标签时，我遇到了这个问题。

小提琴链接：click here

如果使用chrome，请尝试检查数据标签，例如DivisionA，你会发现它的字体已经从svg继承而来。我试图改变字体并使用.highcharts-container {.. },应用css但它不起作用。

任何帮助，将不胜感激。

答案

您需要定位text元素（tspan的父级）。所以你可以尝试这个：

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