Waybar: Cannot get fontawesome icons to work

Created on 3 Dec 2018  路  12Comments  路  Source: Alexays/Waybar

Most icons don't show, and some show up as weird curly characters. I've tried to add a FontAwesome5Free line to my style, and I've played around with workspace names in my sway config + waybar config but I cannot get it to work. I've also re-installed fontawesome, but to no avail.

question

Most helpful comment

I had the very same problem and the way I fixed it is to _append_ Font Awesome 5 Free to the font-family in the style.css, like so:

font-family: Ubuntu, "Font Awesome 5 Free";

All 12 comments

Did you install otf-font-awesome? the others seem to be bugging...

I installed otf-font-awesome, removed ttf-font-awesome, rebooted and also adjusted style.css, but it appears not to work. Are there any diagnostic commands I can run?

BTW, I'm not sure if it's reading my config correctly, since it still gives me a message Disabling module "battery#bat2, No battery named BAT2 even though I omit the module from my config.

For me it works with just in style.css font-family style: Roboto, Helvetica, Arial, sans-serif; and otf-font-awesome

With the latest update at least I'm certain it's loading my config (since when I launch it from terminal it tells me so, and it updates). I've managed to get some custom-module action going, but the fonts still don't work. They do work back home on my desktop, so I'll try to see if I can find what I've done differently there.

I guess this slightly relates to #107. Maybe the AUR package can list otf-font-awesome as an opt-depend?

Added otf-font-awesome as a optdepend in the PKGBUILD

Just adding a comment since I ran into this as well. This was due to the font I was using. Certain Fonts override the font awesome fonts. To check if yours is one of those go to nerd fonts and see if there is a patched version for you. The font I used DejaVu Sans Mono needed to use a patched version for icons to show.

https://github.com/ryanoasis/nerd-fonts

Even with otf-font-awesome installed, I only get some of the icons. In particular the volume icons don't work. If I change the font family to "Font Awesome 5 Free" they work, but that seems less than desirable.

I had the very same problem and the way I fixed it is to _append_ Font Awesome 5 Free to the font-family in the style.css, like so:

font-family: Ubuntu, "Font Awesome 5 Free";

For the people like me using fedora, it seems that the font provided by the offical repos is incomplete. I had to download and manually install FontAwsome from the official website, and then append "Font Awesome 5 Free" in style.css, as initially proposed by tukusejssirs.
EDIT: this did bring back the charging icon, but not the volume one or the temperature
Afterwards, if one has still broken icons such as temperature or volume, it may be because sans serif conflicts with FontAwesome. I decided to install the roboto font and remove the other fonts from the style.css

@Scafir, I did it the same way as you did (also use Fedora), however, I can presumahly all icons, incl charging, volume and weather icons.

@Scafir, I did it the same way as you did (also use Fedora), however, I can presumahly all icons, incl charging, volume and weather icons.

@tukusejssirs Problem solved, it was because of a conflict between sans serif (in the default config) and fontawesome. I should have suspected it but this is definitely finicky.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

docquantum picture docquantum  路  5Comments

Sqvid picture Sqvid  路  5Comments

Kakashiiiiy picture Kakashiiiiy  路  4Comments

Maclanky picture Maclanky  路  5Comments

cmacrae picture cmacrae  路  4Comments