Font handling in SVGs

[chrisridd]

I'm about to draw a bunch of line art diagrams for a book intended for my Inkpad Color 3.

Using SVG is the "obvious" choice, however I did a quick test and it doesn't look like PB honours the specified typeface at all. Essentially everything looks like Times.

I'm drawing using Affinity Designer 2; here's a bit of my exported SVG using Times New Roman:

<text x="448.819px" y="706.625px" style="font-family:'TimesNewRomanPSMT', 'Times New Roman', serif;font-size:50px;">12pt ks@%</text>

And here's a bit of my test using Arial:

<text x="448.819px" y="708.863px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:50px;">12pt artscGR</text>

Both look plausible to me, but both get rendered wrong. Times is apparently a little wider than Times New Roman, and I noticed some text getting truncated on the RHS, so I think it is using Times.

Are there any known issues here or tricks I can use? At the end of the day I can always embed a PNG, or get the export to render text as curves, but the downsides of those options are clear.

Edit: I also tried the latest Inkscape, but it was no better.
Edit: I tried embedding the font and using @font-face in CSS - no change. I tried <link>ing the stylesheet into the SVG files - also no change.

[Doitsu]

I experimented with this more than 10 years ago and back then it only worked with ADE 4. Unfortunately, not much has changed since then.

Unless you can convince your readers to use ADE 4.x, you'll probably have to convert all SVG text to paths.