导入的字体和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导出服务器，因此无法在那里安装任何内容。

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