[Font][`Skinparam` or `Style`] Issues on fall back font

[The-Lum]

Hi PlantUML team,

(Observed on V1.2023.9beta1): In order to make a sum-up about the fall-back fonts topic.

By skinparam

It seems there are some defects with skinparam:

Source

@startuml
skinparam DefaultFontName "Hack", "DejaVu Sans Mono", "Courier New", "Nimbus Mono L", "Monospaced", Courier, monospace

[Component\nABC]
frame "Frame" {
  card Card
}
@enduml

PNG: KO :x:

:x: KO: The font is not monospaced.

SVG: ~KO :large_orange_diamond:

✔️ The font is monospaced :large_orange_diamond: but here is the not good (with ") SVG output:

<text fill="#000000" font-family="&quot;Hack&quot;, &quot;DejaVu Sans Mono&quot;, &quot;Courier New&quot;, Courier, monospace" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="50" x="155" y="20.9951">Frame</text>

See also similar/pseudo issues here:

• https://forum.plantuml.net/10498/is-there-a-supported-way-to-specify-fall-back-fonts
• https://forum.plantuml.net/14842/specify-fall-back-fonts-is-not-working
• https://forum.plantuml.net/15533/new-function-%25font_exists

By style

And a new question will be:

• How to do the same thing with style?

Possible source proposal

@startuml
<style>
root {
  FontName "Hack", "DejaVu Sans Mono", "Courier New", "Nimbus Mono L", "Monospaced", Courier, monospace
}
</style>

[Component\nABC]
frame "Frame" {
  card Card
}
@enduml

Related issue or discussion

• 73

• https://github.com/plantuml/plantuml/discussions/1264
• https://github.com/plantuml/plantuml/pull/1424#discussion_r1194250476
• https://forum.plantuml.net/5432/svg-monospace-output-has-wrong-font-family

Ref.

• https://stackoverflow.com/questions/41765002/how-to-apply-a-fallback-font

Regards, Th.

[FYI @bondden for the mono theme]

[arnaudroques]

Thank you for your tests! This should be fixed in last snapshot and on the online server. Tell us what you think about it!

[The-Lum]

Hi @arnaudroques, and all,

This looks good (see next comment!) except for a difference on the SVG output (with or whitout simple quote) between:

skinparam

<text fill="#000000" font-family="'Hack', 'DejaVu Sans Mono', 'Courier New', 'Nimbus Mono L', 'Monospaced', Courier, monospace" font-size="14" font-weight="bold"
...

style

<text fill="#000000" font-family="Hack, DejaVu Sans Mono, Courier New, Nimbus Mono L, Monospaced, Courier, monospace" font-size="14" font-weight="bold"
...

---

I don't know if that has any bearing (about simple quote or not)...

Thanks for this fix. We will be able to correct the mono theme...

Regards, Th.

[The-Lum]

Hi @arnaudroques, and PlantUML team,

After tests, here is a PNG non working example from:

• https://forum.plantuml.net/14842/specify-fall-back-fonts-is-not-working?show=15538#c15538
• https://forum.plantuml.net/15533/new-function-%25font_exists?show=15556#c15556

Code

skinparam DefaultFontName "jlm_cmmi10"
Title Test: "jlm_cmmi10"

VS

skinparam DefaultFontName "NotExistingFont", "jlm_cmmi10"
Title Test: "NotExistingFont", "jlm_cmmi10"

PNG: OK with only 1 font ✔️

PNG: KO with 2 fonts ❌

---

• Could you have a look?

Regards, Th.

[arnaudroques]

We have fixed:

skinparam DefaultFontName "NotExistingFont", "jlm_cmmi10"
Title Test: "NotExistingFont", "jlm_cmmi10"

in last snapshot.

There must be other issues, but I think it would be better to open new issues and close this one (if you agree)

[The-Lum]

Hi PlantUML team,

Yes of course... You can close it and I can go to some new tests...

Regards, Th.