将字体添加到highcharts编辑器

Question

我刚刚下载了highcharts wysiwyg编辑器： https://github.com/highcharts/highcharts-editor/releases

我需要一个易于使用的工具给我的同事，他们在艺术和图形方面都很复杂，但在技术上却不能用代码来代替。

我想在编辑器中添加字体，但我不知道该怎么做。文档很神秘。它说：

可以将字体添加到可用字体：

highed.meta.fonts.push('Verdana');

但我应该写这段代码？编辑器似乎是一个独立的东西，没有自定义代码的方法。任何帮助将不胜感激。

Answer 1

@LauraNMS快速浏览一下文档：

首先，如果您克隆了存储库，则需要

1。完成安装，即

npm install
gulp

2. 转到您的dist/文件夹  {em> 3。在standalone.html中添加您想要的字体   4. 添加字体
 在您的脚本底部之前 5。，添加以下highed.meta.fonts.push(FONTNAME); （字体名称是您在CSS中常用的字体名称）。
  6. 转到stanealone.html并转到Customise tab   7。转到Appearance并点击字体后面的arrow down。 （此更改字体）

我在下面附上了截图

在第3步中，我使用了Google字体

第6步：