在 GIMP 中使用带有外部字体的 svg

Question

我用外部字体创建了这个 SVG，SVG 的那部分看起来像这样：

<defs>
  <style type="text/css">@import url(https://fonts.googleapis.com/css?family=Cairo|Gloria+Hallelujah|Rokkitt|Shadows+Into+Light|Signika&gt;</style>
</defs>

在 Chrome 这很好用，但是当我尝试将 svg 加载到 GIMP 中时，字体丢失了。有没有办法让 GIMP 渲染 google 字体？

完成测试 svg：

<?xml version="1.0"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
 <defs>
      <style type="text/css">@import url(https://fonts.googleapis.com/css?family=Cairo|Gloria+Hallelujah|Rokkitt|Shadows+Into+Light|Signika&gt;</style>

  </defs>
  <style>
     text {
        font-size: 30px;
        font-family: Shadows Into Light;
     }
  </style>

  <text x="20" y="35"><tspan>Test</tspan></text>
</svg>

更新：为了让 SVG 在 Gimp 或 Inkscape 中工作：

<?xml version="1.0"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <style type="text/css">
      <![CDATA[
        @font-face {
          font-family: 'Shadows Into Light';
          font-style: normal;
          font-weight: normal;
          src: local('Shadows Into Light'), local('ShadowsIntoLight'), url('http://themes.googleusercontent.com/static/fonts/shadowsintolight/v3/clhLqOv7MXn459PTh0gXYHW1xglZCgocDnD_teV2lMU.woff') format('woff');
        }

        text {
          font-size: 30px;
          font-family: Shadows Into Light;
        }
      ]]>
    </style>
  </defs>

  <text x="20" y="35"><tspan>Test</tspan></text>
</svg>

Answer 1

问题比外部 Google 字体更严重：

1) Gimp（或者它使用的任何 SVG 解析器）对语法很挑剔（通常样式应该在 CDATA 中）

2) 即使使用 CDATA 修复（至少可以阻止 Gimp 控制台中的讨厌消息），Gimp 也不会遵守 font-family 样式，即使对于系统范围内安装的字体也是如此。

在 GIMP 中使用带有外部字体的 svg

Use svg with external font in GIMP

svg

gimp

google-fonts