How to Use Custom Fonts in Home Assistant

Опубликовано: 18 Октябрь 2024
на канале: My Smart Home

5,432

In this video, I'll guide you through the process of integrating custom fonts from Google Fonts into your Home Assistant dashboards.

Support the channel:
https://www.buymeacoffee.com/mysmarth...

It would be awesome if you could like, subscribe and comment.

#HomeAssistant #SmartHome #LovelaceUI #SmartHomeTutorial

Code you need:
Enable themes:

frontend:
themes: !include_dir_merge_named themes

Code to enable font in your theme file:

primary-font-family: 'Montserrat'
paper-font-common-base_-_font-family: "var(--primary-font-family)"
paper-font-common-code_-_font-family: "var(--primary-font-family)"
paper-font-body1_-_font-family: "var(--primary-font-family)"
paper-font-subhead_-_font-family: "var(--primary-font-family)"
paper-font-headline_-_font-family: "var(--primary-font-family)"
paper-font-caption_-_font-family: "var(--primary-font-family)"
paper-font-title_-_font-family: "var(--primary-font-family)"
ha-card-header-font-family: "var(--primary-font-family)"

-----

0:00 - Intro
0:13 - Enable themes
0:39 - Create a theme
1:03 - Find fonts on Google Fonts
1:37 - Enable fonts in your theme
2:07 - Final result