Font Family everywhere :-) | Home Assistant | Page 1

autumn current Dec 2, 2025, 9:41 AM

#

Hi, i searched on many threads, google and everyhwere how can i change totally the font family in my dashboard in my cards, theme everywhere. But right now not any good solution thats working? uhhh cant believe.... i tried in the theme.yaml with this code:

light:
  primary-font-family: "Raleway, sans-serif"

Also put in the ressources this URL:

https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;500;700&display=swap

i cant beleive that i am the only one with this problem?

Who has the right solution? 🙂

Bildschirmfoto_2025-12-02_um_10.38.58.png

worn matrix Dec 2, 2025, 10:24 AM

#

@autumn current Try these, the variables have since been updated:

https://community.home-assistant.io/t/2025-5-theme-variable-changes-alert/884407

Essentially, this is all you need:

  primary-font-family: "Raleway, sans-serif"
  ha-card-header-font-family: "var(--primary-font-family)"
  ha-font-family-body: "var(--primary-font-family)"
  ha-font-family-heading: "var(--primary-font-family)"
  ha-font-family-code: "var(--primary-font-family)"
  ha-font-family-longform: "var(--primary-font-family)"

Home Assistant Community

2025.5 theme variable changes (alert)

starting a post here, as it will be very prominent after release, that the changes in the Frontend in 2025.5 affect many users dashboards at this time, 1 day in beta 2025.5 these changes not only have their impact in core components, many custom components will have to be updated to, to do away with paper-xx variables, and start supporting the...

autumn current Dec 2, 2025, 11:53 AM

#

ah okay i will try it 🙂

autumn current Dec 2, 2025, 12:15 PM

#

worn matrix <@1026757987433447446> Try these, the variables have since been updated: https:...

@worn matrix yeah maybe i found an old theme, is there anywhere a based them i can use to change?

worn matrix Dec 2, 2025, 1:31 PM

#

What do you mean?

worn matrix Dec 2, 2025, 1:32 PM

#

autumn current <@1073303451032891412> yeah maybe i found an old theme, is there anywhere a bas...

Just replace the old code inside the yaml with the ones I provide above ^^

autumn current Dec 3, 2025, 8:57 AM

#

@worn matrix yes it worked...

#

can you help me also with the background image or should i make a new post?

#

I installed on a VM my root folder is this

/homeassistant

Then I have

/homeassistant/themes
/homeassistant/www

and so on

So I have no config folder or maybe this in root in my situation ?

so I tried now to get a background for a theme...

/homeassistant/themes/noctis

# Background background-color: '#242e42' primary-background-color: 'var(--background-color)' background-color-2: '#20293c' secondary-background-color: 'none' markdown-code-background-color: 'var(--background-color)' material-background-color: "var(--paper-listbox-background-color)" material-secondary-background-color: 'var(--ha-card-background)' clear-background-color: 'var(--accent-color)' background-image: "url('/themes/noctis/backgrounds/2151682893.jpg')" lovelace-background: "var(--background-image) center bottom / 100% no-repeat fixed, #08101e"

But I don't get the image....

#Font Family everywhere :-)