Wrong display of Font Awesome 6 icons (text instead)

@Gaston_S Are you currently running this particular file when you hit issues?

If not, can you link the resource file you’re using from the community?

Hi Knishida, I´m just using a local font on the component, without the plugin.

Hi, I’m having the same issue so here are a few more notes:

• It appeared a week or so ago even though I had made no changes with my fonts or files.
• I had our admin install the font files as team fonts but that did not solve the issue.
• FontAwesome has free and paid pro versions. It does not affect all of the fonts: FontAwesome 5 and FontAwesome 6 free work as expected. FontAwesome 6 Pro, Brands, and DuoTone do not work.

Update: I just had the same problem but inside a FigJam file, and the quick actions are not the same as in Figma so I can´t fix it, I need to re-import all again.

When I click your link it sends me to a file that opens in Figma but i do not see a plugin. What am I doing wrong?
https://www.figma.com/community/file/1066666291568880125/Font-Awesome-6-Icon-Set—Free

@Nikolas_Smith Sorry, this is my bad – to clarify, this is a community file with the FontAwesome icons and not a plugin.

Just an update for everyone: I’m waiting on additional info from others on my end internally. I’ll update once I have more details.

Update: it looks like this may be a bug with text layouts – I filed a ticket to have this looked at internally by our engineering team, but I don’t have details on when this would be investigated.

I will leave this topic open for others to report if they run into the same issue (to collect the feedback and relay it internally on my end). If you notice any other behaviors that seem off, feel free to reply here again.

I encountered a similar issue; however, I was able to resolve it after performing six system reboots. So, reboot your Figma!

Thanks for the info Junhee!, but sadly on my case we are an organization with at least 20 users using the file, and even if I already made the reboot on my end, other users are triggering the same error and I need to make the manual fix again (the one of the quick actions mentioned abobe) for each one. Each person who have this problem will change the file for the rest of us.

Having this problem now — I just reactivated my FA account to upgrade my local font collections from v5 to v6, downloaded and installed the local .otf files, added to FontBook, confirmed the fonts are Active…

Figma is not showing icons, shows instead the text. I’ve tried changing icons that were already existing in the layout, tried using the Font Awesome Official Icon Component from the community, and tried creating new text boxes from scratch, changing the weight, etc.

Font Awesome is definitely not working as it should—It should not be this hard to make an icon happen. That said, any advice on how to resolve this appreciated!

Update. I can copy and paste the glyph from the Icons sheet at Find Icons with the Perfect Look & Feel | Font Awesome But honestly, that is not how I want to work with FA… I’ve gotten quite used to typing “chevron-…” and so on, and my original/previous icon placements are breaking.

Okay, sigh. I believe I have resolved my issue. I believe I may have added only .otf files from the collection to FontBook initially, but instead should have added the whole folder that includes folders like “svgs” and “metadata”…

I quit Figma. I removed my FA icons from Font Book. Quit and re-opened Font Book. Selected File/Add Fonts to All Users… Selected the parent folder “fontawesome-pro-6.4.2-desktop”

This is still very much an issue for me. Doesn’t happen with Font Awesome 5. Seems to come and go with FA6. Some styles of FA6 (eg., Sharp - Light) render just fine. Very bizarre and problematic issue. I’ll be replacing all font-based icons with their SVG counterparts for now, which will be time consuming.

Thank you Brian! You probably just saved me several hours of frustration.

Thank you!! This is the answer 🙂

Hello! does this reply work also for someone who is using free version of Figma? if yes, could you please explain how?

Thanks in advance

Hello, has anyone managed to solve this problem on Windows? 🙏

My team is having this issue currently, both those with view and edit access.

Not yet Ophelie, I´m triying to find a way to make something similar to the actions on Photoshop to automate the quick actions named above and automate the temoporary fix.

I had the same problem. I fixed it by:

1. Removing the fontAwesome .woff and .ttf from the font book.
2. Install the “Desktop fonts” instead. So the .otf
3. Reboot Figma

I hope it helps. It was very frustrating for me tbh, I was the only one having this problem in my team.

I am using MAC btw.

Success!

This fixed it for me just now. I’m on mac. I uninstalled all fonawesome fonts and the re-installed otf fonts from the desktop fonts. REstarted Figma. I had to click on all representations in the design to get it to switch back to displaying the FA icons. No I hope it stays all right!

I’m having this issue right now… I did what Brian mentioned before, but it didn’t solve yet…

Obs: I installed Font awesome 5 and then 6… tried to unninstal them, but the problem remained… I think the problem was because I installed Font awesome 6, because at my laptop, I didn’t install neither Font awesome 5 and 6, but there’s no problem viewing the fonts - this is very strange for me: to proper view Font Awesome in Figma, it’s not necessary to install them locally???

I’m having the same problem and after alot of try what has worked for me is to either copy paste the component manually from the design system into my file or to change the variant in my file and when I undo it reverts back to normal correct icon. It’s very strange but this is what worked for me.