da-rth / yasb

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

[BUG] Icons not loading #144

Closed Pimiovdb closed 1 month ago

Pimiovdb commented 1 month ago

Expected Behavior

icons should load in, clean install , no changes to styles awesome font 5 is installed , same for the bars font, also tried nerd fonts

Current Behavior

icons stay unloaded, tho if you change the arraignment of the font family some icons load in , the same is you set font weight to 900.

* { font-family:'Font Awesome 5 Free', 'Courier New', 'bars'; font-size: 16px; color: #f2e5bc; } .cpu-widget .label, .wifi-widget .label, .memory-widget .label, .traffic-widget .label, .battery-widget .label { padding: 2px 5px; font-size: 14px; border-radius: 5px; /*font-weight: 900;*/ }

without font weight active: afbeelding

with font weight active: afbeelding

Steps to Reproduce

  1. clean install of komobri
  2. clean install of yasb
  3. open program's

Context (Environment)

w11 pro laptop , azuread joined.

Pimiovdb commented 1 month ago

i seem to have fixed the nerd font icons, but the Bars icons still not working properly, here is the code to fix the icons: * { font-family: 'Bars', 'Arial' ; font-size: 16px; color: #f2e5bc; }

.container-right .widget * { color: #242424; font-family: 'JetBrainsMonoNL Nerd Font'; } afbeelding

Pimiovdb commented 1 month ago

found a cleaner fix:

Pimiovdb commented 1 month ago

BTW, this didnt fix the RAM icon tho, and the CPU Bars are not working to so i changed the RAM ICON and changed the CPU Widget to not show Bars: afbeelding

ryannewcomer commented 3 weeks ago

Hey! I try your config, but my bar now looks like this:

image What can I do? I had this:

* {
  /* Bar measurement icons: https://github.com/and3rson/graph-bars-font */
  /* Icon set: https://fontawesome.com/v5.15/how-to-use/on-the-desktop/setup/getting-started */
  font-family: "Arial";
  font-size: 16px;
  color: #f2e5bc;
}

.widget .label {
  font-family: "JetBrainsMonoNL Nerd Font";
}

Before I change the font, I can't even see the text. But now I can't see the icon. I also got this error:

image

Any solution?

Many thanks