Font Awesome icons not loading

Hi, thanks for building this great plugin 😃

Is it still in active development?

I just started exploring the MkDocs & Mermaid space and was going through the Mermaid documentation. Here I read how to use font awesome icons.

So I build the following diagram:

graph TD
    A((Data sources))-->B[fa:fa-filter Data collector]
    B-->D[fa:fa-bars Data catalog]

    B-->C[fa:fa-cogs Geo-time engine]
    C-->E[fa:fa-database Data warehouse]
    E-->F[fa:fa-calculator Analytics engine]
    F-->F1[Search/Analytics jobs]
    F1-->G[fa:fa-plug API]
    G-->H[fa:fa-calendar Task manager]
    H-->B
    click E "https://www.cockroachlabs.com/product/" "CockroachDB"
    click F "https://spark.apache.org/" "Apache Spark"
    click G "https://fastapi.tiangolo.com/" "FastAPI"
    click H "https://www.prefect.io/" "Prefect.io"

I got it working in VSCode with this extension, so I know that I got the syntax right.

But it’s not loading the font awesome icons when I deploy it with MkDocs. There is a similar issue on the Mermaid GitHub. But it didn’t really have a solution. I was wondering if this might be added to this plugin, or if you would know a way to get it working (can be hacky) 😃

Thanks a lot!

[sguldemond]

Cleaner fix, adding to mkdocs.yml:

extra_css:
  - https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

[fralau]

Is it still in active development?

@sguldemond Yes absolutely. I haven’t had much request to improve it, thats all 😄