Bluesky "Font awesome" icons in new website "types" not showing up

[mdhumphries]

Checks

• I have searched the docs, existing issues, and existing discussions for answers first.

Link to your website repo

https://github.com/Humphries-Lab/Lab-Website

Version of Lab Website Template you are using

1.2.2

Description

Blueskey fa-icons are not showing up, but others are. Any ideas?

Here's the detailed version:

I've defined a new "bluesky" type in type.yaml like so:
bluesky: icon: fa-brands fa-bluesky text: Bluesky tooltip: Bluesky link: https://bsky.app/profile/$VALUE

I've confirmed that the Font Awesome bluesky icon is free to use, and the above "icon" entry is the html source they give.

When I use this type somewhere, eg in my personal page, the text and link work fine, but the icon does not show up. The same happens in the footer, when I add the new type to config.yaml.

Trying the other bluesky icon (fa-square-bluesky) also does not show up.
Trying a different fa-icon, eg fa-hashtag, in the bluesky "type" works fine - that does show up.

Any ideas??

[vincerubinetti]

You're on a version of the template that is using Font Awesome v6.5.0:
https://github.com/search?q=repo%3AHumphries-Lab%2FLab-Website+fontawesome&type=code

Blue Sky's popularity is new enough that it wasn't added to Font Awesome until v6.5.2:
https://fontawesome.com/icons/bluesky?f=classic&s=brands

Please see the other issues and discussions about this:
https://github.com/search?q=repo%3Agreenelab%2Flab-website-template%20bluesky&type=code

[mdhumphries]

thanks Vincent, updating FontAwesome in fonts.html to 6.7.2 fixed it