导入的字体和Highcharts JS导出

Question

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

如您在小提琴中看到的

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

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

我也尝试使用本地.ttf字体进行尝试，但无法更改导出字体。

Answer 1

首先，您应该了解为什么它不起作用。

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

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

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

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