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
Fitbit Developers oversee the SDK and API forums. We're here to answer questions about Fitbit developer tools, assist with projects, and make sure your voice is heard by the development team.
04-08-2020 08:33
They aren't available for use in the SDK, but the font name is Barlow (no relation).
Best Answer04-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?
Best Answer09-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> ;
...
Best Answer09-22-2020 02:40
09-22-2020 02:40
Typo in my reply:
min_text2.text should be min_text.text
Best Answer