mermaid-js / mermaid-live-editor

Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
https://mermaid.live
MIT License
3.9k stars 586 forks source link

FA icons missing in generated images (PNG, SVG) #681

Open kchomski opened 2 years ago

kchomski commented 2 years ago

Describe the bug Same issue as reported in #36 over 2 years ago: Font Awesome icons are missing in the generated PNG and SVG images and when copying to clipboard.

To Reproduce

  1. Go to https://mermaid.live/
  2. Click on any of the Actions buttons e.g. PNG or SVG
  3. Save & open generated image.

Expected behavior Generated image looks the same as image shown in the live editor (including icons).

jpadfield commented 1 year ago

@sidharthv96 I have just tested this in the current version of the editor and the FA icons still seem to be missing from the generated PNGs

sidharthv96 commented 1 year ago

SVG works now, PNG doesn't have the icon.

justinormont commented 1 year ago

On the Live Editor running Mermaid v8.14.0, neither the SVG nor the PNG have icons.

alexfornuto commented 1 year ago

Not sure if maintainers use 👍 on OP or comments to weigh issues, so I'm doing both.

johanna commented 1 year ago

This is still a problem.

MrBjorn commented 4 months ago

Hello,

Any updates on this? I use VS Code to do some diagrams for architecture. But the icons don't show up.