Adobe/typekit font renders too narrow

I'm loading an Adobe (Typekit) font using the code below in a basic bar chart but it is rendering narrower than it should: when hovering over the bar and triggering the hover feature, the datalabel text expands to the proper font width. Any ideas why this is happening or how to fix?
I've verified that the font is loaded, and it's appearing fine in other elements of the chart.

```
const nudistaFontFace = new FontFace(
"FontFamily Nudista",
"url(https://use.typekit.net/ccq2xkx.css)"
);
```

Thank you.

Reproduce the issue with the basic bar chart and the provided Adobe Typekit FontFace snippet, comparing the datalabel width before and during hover. Trace the label-rendering entry point to determine why the correct font width appears only after hover; done means the font renders at the proper width without requiring hover.

Written by the indexing model from the issue text.