Standard icon component that loads font awesome icons
Card component that displays a card (mix of things, including icon component above) with several variants
The idea is that I use that card component in various places, with a Hover interaction to change the card’s variant. This ‘flips’ the card to a graphic and back again. This works fine for me (both in Figma and in a browser).
Everyone that I share the prototype with gets the following issue:
When coming off the hover, the icon renders the name of the icon, not the icon graphic.
Thank you for your patience. I’ve checked back with our team and it’s been confirmed that the issue you’re experiencing is due to a feature limitation when using local fonts in interactive components with text overrides. A possible workaround would be to use icon SVGs or the FontAwesome version available in Figma.
Hi @y_toku, I’m having the same issue with the hover variant with FontAwesome 6 icons and the interactive component. Font is enabled for the entire organization, but it is not working for prototype users within the organization. Any guidance to fix the issue is appreciated.