Nothing special, just Arial Narrow which I need to fit the iPad display.
All works on MacOS, but on the iPad, it simply displays Arial, so it spills over the edge.
I’ve uploaded the font ttf files to HA’s www folder. How can I make HA use that font on iOS?
Might as well update this thread rather than start a new one.
I ended up adding some Google fonts as dashboard resources and that seems to work, but…
I chose a variable font (Fredoka) with ‘font-width’ as one axis. I tried setting the width as the minimum % the font supported but that did not work. So I tried setting it by name which worked and ‘ultra condensed’ (the most condensed form) narrowed it down to what I needed - on the Mac (Safari and Companion app) and iPhone and iPad, but…
The NSPanel Pro 120 that is running the Android Companion app does use the specified Google font, but it is ignoring the font-width setting.
The issue is using the custom:digital-clock card with the following config:-
type: custom:digital-clock
padding: 18px 0
firstLineFormat: HH:mm
secondLineFormat: cccc d LLLL yyyy
firstLineLayout:
textAlign: null
lineHeight: 1.1em
fontSize: 14em
fontWeight: 500
color: grey
fontFamily: Fredoka, sans-serif
additionalCSS: font-width:ultra-condensed
secondLineLayout:
textAlign: null
lineHeight: 2.1em
fontSize: 2em
fontWeight: normal;
color: grey
It is specifically designed to allow the use of any extra CSS and indeed the font-width setting works on everything except the Android Companion app which makes me think it’s a problem with that app.
Any suggestions regarding this? Is it simply a bug in the code for the Android version?