I have a display problem on the icons from Font Awesome 6:
Instead of displaying the icons, the names of the codes of each one are displayed
I can temporarily fix the problem using the quick actions:
Select all with the same font
Recompute text layout in selection But randomly the problem occurs again.
What other things have I tried?
Test with a partner to recompute the text to see if it fixed it for both of us at the same time to rule out that it is a local or cache problem.
It is not tied to anything specific to windows or macos as it happens on both.
We tried uninstalling the font and installing it again.
When the characters are changed, it does not happen in the whole file, but in some sections (That section conflicts with the display all at once), which leads me to suspect that it may be a user with a font with a sub different version but I can’t verify it (since Figma does not communicate any error related to this).
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.
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.
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.