Digitale Welt | Dienstag, 4. Januar 2022

Home Assistant Lovelace: Eigener Font (Update)

Mithilfe der Button Card sind sehr ausgefeilte Lovelace-Layouts möglich, hier ein Screenshot von unserem iPad-Dashboard. Möchte man dazu noch einen eigenen Font definieren, geht das so:

In den Home Assistant-Einstellungen fügt man unter Dashboards > Ressourcen eine neue Ressource hinzu. Bei URL trägt man ein: /local/myfont.css, bei Ressource-Typ wählt man Stylesheet.

Dann erstellt man eine CSS-Datei mit folgendem Inhalt, wobei die Dateinamen (myfont-regular bzw. myfont-bold) natürlich so heißen müssen wie die verwendeten Fonts (statt MeinFont können Sie bei font-family einen beliebigen anderen Namen verwenden):

🔒 Dieser Artikel ist kostenpflichtig

Einmalig 0,99 € – dauerhaft freigeschaltet auf diesem Gerät.

Artikel kaufen (0,99 €)

Schon mal eine App bei mir gekauft? Artikel kostenlos freischalten…

Kommentare:

Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.

Michael Freitag, 14. Januar 2022, 14:59 Uhr

Respekt. Ich programmiere selbst ziemlich große Anwendungen mit HTML/Javascript/CSS/PHP/SQL. Aber Home Assistant (und Lovelace) habe ich trotzdem nie wirklich verstanden. Dabei wollte ich genau das: auf meinem alten iPad das komplette Haus übersichtlich steuern. (Das UI von Apple Home ist eine Katastrophe.)

Vielleicht probiere ich es jetzt nochmal. ;-)

Michael Preidel Freitag, 14. Januar 2022, 17:03 Uhr

Mach es, es lohnt sich absolut. Ich bin jetzt seit knapp sechs Jahren mit Home Assistant beschäftigt, deshalb kann ich dir versichern: Irgendwann lichtet sich der Nebel um Yaml, Jinja-Templates, Lovelace und Konsorten ;-)

Hier zwei ganz nützliche Links für den Start:
Awesome Home Assistant
Share the love

Viel Erfolg – und falls du mal ’ne Frage hast, schick mir ’ne Mail …

Alex Mittwoch, 23. Februar 2022, 12:24 Uhr

Hallo, toller Beitrag und ein schönes Dashboard. Würdest du mal exemplarisch die Konfiguration einer button-card veröffentlichen? Ich krieg das Aussehen bei mir leider nicht so schön hin... ;-)
Schönen Dank schonmal.

Michael Preidel Donnerstag, 24. Februar 2022, 09:58 Uhr

@Alex: Ich habe den Beitrag oben ergänzt.

Michel Freitag, 2. August 2024, 13:11 Uhr

Das wichtigste vergessen: welcher Font ist das? :D Sieht hübsch aus.