I'm using opentype.js to parse the font. This happens without the browser renderer, so it's not affected by the CSS font state.
( For solely rendered font manipulation there's also 'await document.fonts.ready' which resolves once the document has loaded the fonts
https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet... )
Edit: Didn't read the question fully on the first go