Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

font awesome in link text? #546

Closed
niksfirefly opened this issue Jun 29, 2017 · 7 comments
Closed

font awesome in link text? #546

niksfirefly opened this issue Jun 29, 2017 · 7 comments
Labels
Graph: Flow Status: Approved Is ready to be worked on

Comments

@niksfirefly
Copy link

Is there any way to use font awesome in link text?
A-->|"fa:fa-envelope"| B
not working

@ndeixonne
Copy link

ndeixonne commented Aug 3, 2017

For me it's working. Be sure to include the css fontawesome AND the fonts itself. Make sure fonts/ directory is ../ relative to css/font-awesome.min.css

@ghost
Copy link

ghost commented Sep 1, 2017

Or you can make custom CSS directly into your node and use usual HTML for that.

Currently not only I can use font awesome with that technique, but also embed images and even Angular 2 code into the nodes

@chandu
Copy link

chandu commented Dec 18, 2017

@trichetriche Would it be possible to share how are dealing with inserting Angular 2 code into the nodes?
I am currently stuck with using click callback handlers assigned to the node in the markup and am not quite sure how to proceed.

@ghost
Copy link

ghost commented Dec 18, 2017

Personally I created window functions and deleted them on component destruction. Works like a charm for me !

@tylerlong
Copy link
Collaborator

Pleas read https://mermaidjs.github.io/breakingChanges.html now you don't need mermaid CSS file any more.

Please read https://mermaidjs.github.io/faq.html How to specify custom CSS file?

@woahdae
Copy link

woahdae commented Jul 8, 2020

Is this supposed to work? OP's example in the live editor doesn't:

graph LR
  A-->|"fa:fa-envelope"| B

mermaid-diagram-20200708113253

@Shawak
Copy link

Shawak commented Jul 9, 2020

Having the same problem.

@knsv knsv added Graph: Flow Status: Approved Is ready to be worked on labels Oct 15, 2020
mgenereu pushed a commit to mgenereu/mermaid that referenced this issue Jun 25, 2022
Bumps [mermaid](https://github.com/knsv/mermaid) from 8.13.5 to 8.13.6.
- [Release notes](https://github.com/knsv/mermaid/releases)
- [Changelog](https://github.com/mermaid-js/mermaid/blob/develop/docs/CHANGELOG.md)
- [Commits](mermaid-js/mermaid@8.13.5...8.13.6)

---
updated-dependencies:
- dependency-name: mermaid
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Graph: Flow Status: Approved Is ready to be worked on
Projects
None yet
Development

No branches or pull requests

7 participants