Change text style in new card type heading

[tluethi71]

Hello,
I have used the new card type heading to make a kind of table to have a quick overview of the most important facts. See Picture. It looks almost perfect to me What I dont like is the fact that the text font is not the same as the text font in other cards when it comes to entities.

How can I change the text font although the only options i have in heading_style it title or subtitle? I have mod-card.js installed but was not able to do so…

type: heading
icon: mdi:tally-mark-5
heading: Status
heading_style: subtitle
grid_options:
  columns: 12
  rows: auto
badges:
  - type: entity
    show_state: true
    show_icon: true
    entity: sensor.total_lichter_an
    color: amber
    tap_action:
      action: navigate
      navigation_path: /lovelace/Lichter
    name: Tag
    icon: mdi:lightbulb
  - type: entity
    show_state: true
    show_icon: true
    entity: sensor.total_storen_zu
    tap_action:
      action: navigate
      navigation_path: /lovelace/Shutter
    icon: mdi:window-shutter
    color: light-blue

[Ildar_Gabdullin]

Styling the Heading card is possible by card-mod.
Go to the main card-mod thread (cannot give a link) - go to the 1st post - find a link at the bottom titled “fantastic post” - find “Heading card” chapter in that post.
And all further discussing of card-modding the Heading card is better to continue in that thread.

[tluethi71]

hi @Ildar_Gabdullin thanks a lot… That helps a lot…

Here the link 🔹 Card-mod - Add css styles to any lovelace card - #7204 by Ildar_Gabdullin