Having Trouble Chaning Fonts

Third party integrations HADashboard
1

I’m trying to change the font of my clock widget but seem to be having no luck. I’ve set up the widget as follows:

clock:
    widget_type: clock
    widget_style: "font-size: 50%"
    time_style: "font-size: 500%; color: red; font-family:'digital-8'; src: url('/fonts/digital-8.ttf');"
    time_format: "24hr"
    date_style: "font-size: 1%"

I’ve put the font in the fonts folder (tried a few different folders as not sure where it should actually go). But I’ve had no joy. I can get the font to change if I use a family like monospace, but when I try to use a custom font it just doesn’t seem to work. Maybe I should be putting the src url somewhere else ?

2

when you use a custom font you need to declare that.
so the only way is to create a custom skin for that.

you can look at the code from the built in skins how to use other fonts.

1 Like