da-rth / yasb

A highly configurable cross-platform (Windows) status bar written in Python.
MIT License
1.39k stars 81 forks source link

[BUG] Icons not displaying even though font is installed #107

Open Cube0007 opened 1 year ago

Cube0007 commented 1 year ago

Expected Behavior

yasb should be displaying icons correctly with the widgets

Current Behavior

Although i have the font family installed and haven't changed anything in the styling the icons won't show

Context (Environment)

Fresh install of yasb, both bars and font awesome fonts installed. Everything set up correctly with no errors and none of my icons are being displayed. Ran with python 3.10 like it suggests so

gitsual commented 1 year ago

I've the same error. Microsoft Windows 11 Pro 10.0.22621

ykhan21 commented 11 months ago

I have the same error. I've installed both Font Awesome v5 and v6 (as shown in the image below) and have changed the styles.css file accordingly, but it does not work.

image

nullbyto commented 11 months ago

I can confirm, I have the same issue. Font Awesome is correctly installed for all users.

itrTie commented 10 months ago

Same issue, Windows 11 Home 22H3, build 22631.2715.

jaymorelli96 commented 10 months ago

Same issue for me but I ended up changing to JetBrainsMonoNL Nerd Font and it works

n3rdly commented 10 months ago

Confirming this is the same for me on a fresh install of everything; Windows 11, Bars, Font Awesome 5 Free and no errors.

In my testing I found that if I reorder line 4 of the style.css as such font-family: 'Font Awesome 5 Free', 'Courier New', 'Bars'; I get one icon and the rest failing to populate.

Screenshot 2023-12-07 233752

* Update - After some more tinkering with the style.css file I was able to get everything working by setting the element font-family to just Font Awesome and then setting the font-family for each other element that was affected.

image

Wizarth commented 9 months ago

I was getting this bug, but installing the FontAwesome 5 Solid variant fixed it for me, for the disk space widget at least.

The network widget is still not showing its icons.

broesmelii commented 9 months ago

Like Wizarth: Download FA5 and install https://fontawesome.com/v5/download then changing the font family in styles.css like this:

* {
desktop/setup/getting-started */
  font-family:'Font Awesome 5 Free Solid', 'Courier New' ;
  font-size: 16px;
  color: #f2e5bc;
}

solved it. No other Font Awesome Font works (Regular or FA6). The Wifi symbol also doesn't work. but can be changed in the config.yaml and replaced with one of font-awesome's icons (https://fontawesome.com/v5/search?m=free).