Uniform and consistent usage of a custom font-family in theme

[nagtegaal]

I would love to see the power of UIX to set a custom font-family throughout a theme that inherits perfectly throughout the theme in ever table, modal, card and page. (r tries to solve it all in the cases where it is possible).
At the moment, it seems the dialogs and such are not respecting the set ha-default-font-family CSS variable, which would require UIX to fix it (I think).

[dcapslock]

You can style font-family where needed with UIX.

Why dialogs don't use theme I am not sure. You can correct with UIX theme. Example below.

UIX Test:
  ha-font-family-body: monospace
  uix-theme: UIX Test

  uix-dialog: |
    :host {
      font-family: var(--ha-font-family-body);
    }

or if you are using uix-dialog-yaml

UIX Test:
  ha-font-family-body: monospace
  uix-theme: UIX Test

  uix-dialog-yaml: |
    .: |
      :host {
        font-family: var(--ha-font-family-body);
      }

[nagtegaal]

It sort of works, but...
Not sure if this is my installation or not, but it seems that the text is unstyled in a number of ways.
I'll always have to navigate to my home dashboard, before most of the pages are respecting the changed font. If I don't most of the time text will be rendered in the standard browser defined font, and not in HA default font either.
Has this something todo with caching?

[dcapslock]

I expect this is to do with font you are using. What font is it and how are you loading. If it is a custom font you may need to specify in style for ha-drawer which is always loaded.