能否从渲染的TrueType Font提取SVG？求Nabla字体SVG标志制作方案

字体Nabla在Google Fonts上拥有两个可变轴，其可调整多种颜色的特性在Typearture网站上得以展示。

截至2023年11月，此功能仅在最新版Chrome中可用！

Roel Nieskens开发的Wakamai Fondue工具可展示字体的详细信息，上传该字体即可查看其内置调色板。

你可通过目前尚未完全支持的CSS自定义调色板（详见兼容性说明），示例如下：

CSS 示例代码 #

@import url('https://fonts.googleapis.com/css2?family=Nabla&display=swap');

h1 {
  text-align: center;
  font-family: 'Nabla';
  font-size: 10em;
  margin: 0;
}

@font-palette-values --custom-palette {
  font-family: Nabla;
  override-colors:
    0 rgb(86, 86, 86),
    /* 细外高光颜色 */
    1 rgb(136, 78, 139),
    /* 左侧底部深度渐变 */
    2 rgb(0, 255, 255),
    /* 暂未明确此参数作用 */
    3 rgb(201, 97, 148),
    /* 左侧顶部深度渐变 */
    4 rgb(255, 114, 108),
    /* 深度阴影内部渐变 */
    5 rgb(255, 134, 150),
    /* 深度阴影基础渐变 */
    6 rgb(255, 139, 0),
    /* 字体底部面渐变 */
    7 rgb(255, 176, 0),
    /* 字体顶部面渐变 */
    8 rgb(255, 127, 207),
    /* 顶部深度基础渐变 */
    9 rgb(255, 224, 124);
    /* 高光颜色 */
}

.custom {
  font-palette: --custom-palette;
}

HTML 示例代码 #

<h1>DEFAULT</h1>
<h1 class="custom">CUSTOM</h1>

我希望使用这些自定义字体及调色板创建SVG标志，若有可行的工具或方法，恳请告知。

Google Font 许可证常见问题（翻译版） #

• Google Fonts中的所有字体均采用开源许可证，可免费用于个人及商业项目
• 你可以下载、修改、分发这些字体，无需向Google或字体创作者支付任何费用
• 使用时无需强制标注来源，但注明字体出处是对创作者的尊重
• 部分字体可能有特定的许可证条款，使用前请确认对应字体的具体许可信息

内容的提问来源于stack exchange，提问作者aroni