Do not assume specific fonts for SVG images

[donovanglover]

Hello,

Right now there is no restriction on which font SVG images use. Since the boxes are hard-coded, and since fonts vary in size, this negatively affects the presentation of some images. Example.

SVG fonts were proposed some years ago to fix this problem, although most browsers seem to have dropped this part of the spec in favor of using inline CSS instead.

More specifically, all the font-family="Times,serif" sections need to be changed. You can't assume that a user's serif font will have the same spacing as Times.

[carols10cents]

What should they be changed to?

…

On Feb 10, 2018 2:35 PM, "Donovan Glover" ***@***.***> wrote: Hello, Right now there is no restriction on which font SVG images use. Since the boxes are hard-coded, and since fonts vary in size, this negatively affects the presentation of some images. Example <https://i.imgur.com/YwQn48k.jpg> . SVG fonts <https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_fonts> were proposed some years ago to fix this problem, although most <https://www.chromestatus.com/feature/5930075908210688> browsers <https://bugzilla.mozilla.org/show_bug.cgi?id=119490#c70> seem to have dropped this part of the spec in favor of using inline CSS <https://graphicdesign.stackexchange.com/questions/5162/how-do-i-embed-google-web-fonts-into-an-svg> instead. More specifically, all the font-family="Times,serif" sections need to be changed. You can't assume that a user's serif font will have the same spacing as Times. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#1154>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAL1UlcruXpcP96eJxNW36Ha9_0kBs1pks5tTe9jgaJpZM4SBDOI> .

[donovanglover]

Any other font can work here, so long as you give it to the user. Relying on a system-specific font causes this problem since you can't guarantee that it will be there.

I personally don't know which font would be ideal here since this seems to be the only serif part of the book, but you can always try Open Sans. Anything would be better than what there is now.

[Altazimuth]

What should they be changed to?

If you want to keep the look similar Liberation Serif from liberation fonts is licenced under the SIL Open Font License, Version 1.1.
There's also FreeSerif, which is from the GNU FreeFont and GPLv3 licenced (with font exception).

[serverwentdown]

It would be nice to have a pipeline to do the following:

1. Complie DOT to SVG (dot.exe -Tsvg -Gbgcolor=transparent -o'output.svg' 'input.dot)
2. (Substitute colors for Images have a white background even with dark themes #74)
3. Vectorise fonts into pure SVG paths (Like Inkscape's "Object to Path")