Arch Linux

blackcleaver

Member

Registered: 2023-02-05

Posts: 7

Font-awesome icons not rendering in applications

Hello, i'm currently using Firefox and trying to use figma with font-awesome icons, most of the icons are not rendered, I just see a box with a code inside instead of the icon, I installed ttf-font-awesome, my locale is es_NI but has fallbacks to es_US:us:C, the icons render well in the terminal and in dwm, is firefox thats not rendering, thanks in advanced.

you can see how it looks here:
https://imgur.com/a/l0neBfu

Head_on_a_Stick

Member

From: The Wirral

Registered: 2014-02-20

Posts: 9,003

Website

Re: Font-awesome icons not rendering in applications

Why do you think Firefox will use a font for it's icons? That's a strange thing to assume. Have you installed any actual icon sets?

---

Jin, Jîyan, Azadî

blackcleaver

Member

Registered: 2023-02-05

Posts: 7

Re: Font-awesome icons not rendering in applications

I thought icons where handled by fonts, I didn't even know there were icon sets, how do I install font-awesome icon set?

Head_on_a_Stick

Member

From: The Wirral

Registered: 2014-02-20

Posts: 9,003

Website

Re: Font-awesome icons not rendering in applications

how do I install font-awesome icon set?

That sounds like an oxymoron to me but perhaps I'm just not trendy enough.

Have you tried

pacman -Ss icon

Might be best to pipe that through to a pager though, the results will be legion.

See also https://wiki.archlinux.org/title/Icons

---

Jin, Jîyan, Azadî

blackcleaver

Member

Registered: 2023-02-05

Posts: 7

Re: Font-awesome icons not rendering in applications

pacman -Ss icon

Might be best to pipe that through to a pager though, the results will be legion.

Yes, but this shows system themes, like adwaita-icon-theme.

See also https://wiki.archlinux.org/title/Icons

Thanks, I took a look but I beleive is not related.

What I need is for firefox to choose the right font to render some glyphs, like the nerd font that has a bunch of icons that you can copy/paste and use them anywhere, for example in a whatsapp message, or in suckless slstatus bar.

Here is an icon glyph as a message (the screenshot is from a different computer which is also using arch)

Here are the glyph icons being rendered by slstatus through dwm

so you can just copy the icon from the cheatsheet and use it as text and firefox should render them, but for some reason it doesn't.

Last edited by blackcleaver (2023-02-05 20:28:13)

blackcleaver

Member

Registered: 2023-02-05

Posts: 7

Re: Font-awesome icons not rendering in applications

After some trial and error, the icon glyphs render in firefox if I set the firefox default font to "Font Awesome 6 Free" in firefox settings, but I don't believe is how it should work. Figma is still not showing the icon, it only renders on the component hierarchy.

Before changing the default font

Firefox settings before the change

Firefox settings after change

Now the icon renders in the component hierarchy but not in the frame view (still a problem)

now the icon glyphs render but the sites look wierd due to the font change so it remains unusable

blackcleaver

Member

Registered: 2023-02-05

Posts: 7

Re: Font-awesome icons not rendering in applications

The solution was to change this setting in about:config

gfx.font_rendering.fontconfig.max_generic_substitutions 127

Thanks for the help!

for any one intersted see more in arch wiki firefox font troubleshooting