Online demo preview and SVG output don't match

[ianjevans]

I was using the online demo to make some simple diagrams, and used the following text:

 Cutover phase

                    .--------------.
                    |              |
        .-------->  |  CockroachDB |
       |            | {t}          |
       |            '--------------'
       |                   !
       |                   !
       |                   V
+-------------+       .----------.
|             |      /            \
| Application |     (  replication )
|{a}          |      \            /
+-------------+       '----------' 
                           |
                           V
                    .--------------.
                    |              |
                    |  Source DB   |
                    | {s}          |
                    '--------------'

# Legend:
t = {
    stroke: #6933ff;
    fill: #b59cf9;
}
s = {
    stroke: green;
    fill: lightgreen;
}
a = {
    fill: lightblue;
}
crdb = {
    fill: #6933ff;
    color: white;
}

The preview looks good:

But the output SVG from clicking Download SVG has spacing issues:

[ivanceras]

@ianjevans This seems to be a font issue, the demo is using Iosevka fonts which I found to fit well with svgbob. The downloaded svg will use your default monospace font if Iosevka is not installed in your system. You can try to install Iosevka in your system.