04-02-2020 04:29 - edited 04-02-2020 04:30
04-02-2020 04:29 - edited 04-02-2020 04:30
Trying to find out which is the font used for both the time digits and date in the default AOD screensaver. Digits looked like Colfax/Tungsten at first, but after matching it with a test app it turns out they are not. Could it be they are image sprites? Are those assets/resources accessible?
04-08-2020 08:33
04-08-2020 08:33
They aren't available for use in the SDK, but the font name is Barlow (no relation).
04-11-2020 12:16
04-11-2020 12:16
Thanks for the reply. Trying to achieve the same result in a clock face, are the resources available to be loaded in there? Currently having something similar with fitfont although can't get the centering to be exactly the same for all values, do you mind sharing the AOD gui code?
09-22-2020 02:38
09-22-2020 02:38
I have mapped the fonts for the time. As mentioned by Jon the font is Barlow (Regular for hours, Bold for minutes). Looks like the size is 110. It maps quite well on my Versa 2.
Fonts created with fitfont:
https://github.com/gregoiresage/fitfont
My gui code:
...
<use href="#fitfont" id="hr_text" x="84" y="83" fill="green">
<use href="#fitfont-char"/>
<use href="#fitfont-char"/>
</use>
<use href="#fitfont" id="min_text" x="212" y="83" fill="green">
<use href="#fitfont-char"/>
<use href="#fitfont-char"/>
</use>
...
My index.js:
...
const hr_text = new FitFont({
id: "hr_text",
font:'Barlow_110R',
halign: 'middle',
valign: 'top'
})
const min_text = new FitFont({
id: "min_text",
font:'Barlow_110B',
halign: 'middle',
valign: 'top'
})
...
hr_text.text = <hours> ;
min_text2.text = <mins> ;
...
09-22-2020 02:40
09-22-2020 02:40
Typo in my reply:
min_text2.text should be min_text.text