Using fonts in custom button card entries

Configuration Frontend
1

Hi - I am having fun playing with creating some really custom dashboards with the custom button card mod. However, I can’t seem to figure out how to choose a different font for the button labels. There is mention of this one bit in the github docs, but no explanation on how it’s used or what the choices are:

- font-familly: cursive

Other than the misspelling there, I can’t get it to work for anything except cursive and with the proper spelling of family.

Ideally I’d like to use my own fonts if possible.

Anyone do this? Worst case scenario I make the labels in Photoshop and use the images on the buttons but that seems way too overkill to do custom fonts.

Thanks in advance!

2

Bumping this again – does anyone else have interest in using their own fonts? This would open up a whole world of customization for the custom button card layouts.

At the very least – can someone divulge the options available for font-familly ? again with the mis-spelling although I don’t know if that’s intentional or a typo in the docs.

3

Spelling family correct might be the issue.
No idea if that is the only cause though.

4

I am so silly. I had no idea and didn’t realize this was just CSS, so you can do whatever you want.

Example:

        styles:
          name:
            - letter-spacing: .15em
            - text-transform: uppercase
            - font-size: 14px
            - font-weight: bold
            - font-family: roboto

Of course spell family correctly for this to work.