Mermaid's fontawesome support

[kjohnsen]

It would be awesome to be able to use Mermaid's fontawesome feature in flowcharts. It's not working for me--not sure if that's because it was introduced after Quarto forked Mermaid or because of how Mermaid is configured for Quarto.

[cscheid]

This is tricky. the font-awesome icons are being generated correctly by Quarto, but somewhere the font awesome fonts need to be actually set on your HTML.

We do have fontawesome support in quarto documents through an extension. You need to use the shortcode in the document to enable the extension, so you could try:

```{mermaid}
flowchart TD
    B["fab:fa-twitter for peace"]
    B-->C[fa:fa-ban forbidden]
    B-->D(fa:fa-spinner);
    B-->E(A fa:fa-camera-retro perhaps?)
```

::: hidden
  {{< fa thumbs-up >}} 
:::

Unfortunately, this produces the following:

As you can see the rectangle sizing calculations from mermaid are not correct. I believe this is happening because we're loading the fontawesome fonts and CSS after mermaid computes its bounding boxes. This kind of multi-library coordination is tricky to solve in general, so I'm not sure how to go about it.