sidebar-card icon indicating copy to clipboard operation
sidebar-card copied to clipboard

Change Font

Open CaptainBurton opened this issue 10 months ago • 3 comments

Hi guys, not an issue at all but am new to home assistant and would like to know if anyone is aware of how to change the font for the side bar (clock) in particular? I would like to use the font i have posted below from GoogleFonts

https://fonts.google.com/specimen/Nunito?query=nuni&vfonly=true

CaptainBurton avatar Apr 09 '24 09:04 CaptainBurton

+1

Tman-Tech avatar Jun 19 '24 02:06 Tman-Tech

You can do this with the style attributes defined in the readme, or at least I was able to. For example:

     :host {
        font-family: "Comic Sans MS", "Comic Sans", cursive; // I added this
        font-weight: bold; // I added this too
        --sidebar-background: #FFF;
        --sidebar-text-color: #000;
        --face-color: #FFF;
        --face-border-color: #FFF;
        --clock-hands-color: #000;
        --clock-seconds-hand-color: #FF4B3E;
        --clock-middle-background: #FFF;
        --clock-middle-border: #000;
    }

Gave me this: image

eddieroger avatar Aug 24 '24 19:08 eddieroger