Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Cube0007 opened this issue Sep 17, 2023 · 8 comments
Open

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

Cube0007 opened this issue Sep 17, 2023 · 8 comments
Assignees
Labels
bug Something isn't working

Comments

@Cube0007
Copy link

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

@Cube0007 Cube0007 added the bug Something isn't working label Sep 17, 2023
@gitsual
Copy link

gitsual commented Oct 3, 2023

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

@ykhan21
Copy link

ykhan21 commented Oct 15, 2023

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
Copy link

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

@itrTie
Copy link

itrTie commented Nov 18, 2023

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

@jaymorelli96
Copy link

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

@n3rdly
Copy link

n3rdly commented Dec 8, 2023

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
Copy link

Wizarth commented Dec 14, 2023

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
Copy link

broesmelii commented Dec 15, 2023

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).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

10 participants