Highcharts（SVG）在Times New Roman中为phantomjs发表文字，但其他一切都在Helvetica中

Question

当我使用 phantomjs rasterize 时，制作整页的PDF，并正常打印或在Chrome或Firefox上查看，该页面显示 Helvetica 作为字体。

但是当 phantomjs 执行PDF时，一切都很好，除了Highcharts SVG。所有的文字都看起来像Times New Roman。

任何人都知道为什么会这样吗？

Answer 1

SVG位于不同的名称空间中，HighCharts将以下内容设置为默认名称：

  

请注意，由于在渲染器中应用了默认字体样式，因此它不了解各个图表选项，必须全局设置。默认为{font-family:"'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif",font-size:"12px"}。

使用以下CSS重置它：

 .highcharts-root { font-family: inherit; }

或者对于较旧版本的HighCharts：

 svg { font-family: inherit; }

<强>参考

• chart.style | Highcharts API Reference

• Style by CSS | Highcharts