search

mjbvz / vscode-markdown-mermaid

Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview
https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid
MIT License
630 stars 112 forks source link

Font awesome not showing in preview? #236

Closed ndland closed 3 months ago

ndland commented 5 months ago

I followed the readme, and I added markdown.styles as such:

{
  "markdown.styles": [
    "https://use.fontawesome.com/releases/v6.5.1/css/all.css"
  ],
}

However, I don't see the icons, please see below:

image

What gives?

Edit: adding diagram as text, for reference: this is the example from the README

graph LR
    fa:fa-check-->fa:fa-coffee
mjbvz commented 5 months ago

Please share that diagram as text

ndland commented 5 months ago

I just occured to me that you mean the actual diagram. I can't seem to copy it. I've opened in dev tools, I see no font awesome glyphs.

Please let me know how you'd like me to proceed.

mjbvz commented 3 months ago

Thanks. The readme shows how to load the font-awesome css: https://github.com/mjbvz/vscode-markdown-mermaid?tab=readme-ov-file#using-custom-css-in-the-markdown-preview

Works fine for me after adding this