Make icons available to use in `_quarto.yml` about fontawesome HOT 11 OPEN

Oops, you're totally right, and I'm totally misremembering when it started working!

What actually worked for me was swapping the icon tag used for the base icons with a text tag. Of the 3 examples below, the first and third work, while the second does not:

website:
  title: "Example"
  navbar:
    right:
      - icon: twitter
        href: https://twitter.com/bioboyd
      - icon: "{{< fa brands twitter >}}"
        href: https://twitter.com/bioboyd
      - text: "{{< fa brands twitter >}}"
        href: https://twitter.com/bioboyd

from fontawesome.

Thanks @B0ydT for the tip -- works great as text!

from fontawesome.

Hi folks, has anyone had any luck getting font awesome icons into the sidebar tools of a Quarto book? I've been fiddling with this for a while, and have followed the suggestions here, and don't seem to be able to get it working. I've used the following code:

sidebar:
    tools:
      - text: "{{< fa brands python >}}"

I've tried a few different things, including a few different icons (to make sure the issue isn't specific to certain subsets of icons) and testing the same approach in the navbar (works fine).

It's possible I'm missing something, but if anyone has any suggestions that would be much appreciated!

from fontawesome.

I would suggest to follow quarto-dev/quarto-cli#6359 because the issue here can't be adresse within the extension.

from fontawesome.

It's already working.
I added the lemon FA icon to the title within your _quarto.yml.
Did you mean something else?

from fontawesome.

It did not work as an icon in the navbar, for example instead of rss-fill.

from fontawesome.

I believe this and #7 (after looking more in the code) to be more a Quarto issue than an issue within the extension itself.

from fontawesome.

I looked at the rlille.fr site maintained by @mcanouil when building mine, looking for reasons his icons were showing up in the nav bar but mine weren't.

The only difference I could find was that he included this line in his styles.css file and I didn't. I'm not an expert so I don't quite know why it works, but it fixed my problem.

/* @import url(https://use.fontawesome.com/releases/v6.1.1/css/all.css); */

from fontawesome.

This was a test before Quarto extensions.
The complete file is actually "empty" (only comments in there) https://github.com/RLille/rlille.fr/blob/main/styles.css

To note, icons are included via shortcodes, thus in the text keys.

https://github.com/RLille/rlille.fr/blob/5354264ece5b32cfa9a1dab0ce0b58faad45c071/_quarto.yml#L35-L50

from fontawesome.

icon keys are parsed specifically to handle one icon library/version.
While text keys are processed as regular markdown/raw code, leading to 1/3 working but not 2, in your last example.

@mine-cetinkaya-rundel did you use the shortcode in text keys for the navbar or elsewhere, when it did not worked?

from fontawesome.

Alright, thanks for the heads up @mcanouil!

from fontawesome.