#Font Family everywhere :-)

1 messages · Page 1 of 1 (latest)

autumn current
#

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? 🙂

worn matrix
#

@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)"
autumn current
#

ah okay i will try it 🙂

autumn current
worn matrix
#

What do you mean?

worn matrix
autumn current
#

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