导入的字体和Highcharts JS导出

Question

是否可以导出导入的字体 （如Google webfonts或自己的.ttf字体）与Highcharts？

正如你在这个fiddle中看到的那样

如果您尝试导出它使用标准字体。

title: {
   style: { 
      color: '#000',
      fontFamily : 'Patrick Hand SC'
          }
       }

我也用本地的.ttf字体试过它，但是我无法改变导出字体。

Answer 1

首先，你应该明白为什么它不起作用。

如果您在网站上使用字体，浏览器会尝试查找计算机上安装了给定名称或使用@ font-face导入的字体。

但是当您导出图表时，Highcharts会获取SVG代码，将其发送到服务器，服务器将SVG图像光栅化为jpg，png或您要求的任何格式并将其发送给您。

现在的问题是服务器上缺少您的自定义字体，您不能在这里使用@ font-face。唯一的方法是在服务器上安装字体，但由于您使用的是默认的Highcharts导出服务器，因此无法在那里安装任何东西。

您可以做的是设置自己的导出服务器并安装所需的字体。