Dynamically load font inside Plugin UI

There are several ways here:

1. Load fonts or font previews from the CDN (if they are there);
2. Specify font-family in CSS to render local fonts;
3. Create a TextNode with the desired font, export it as an image (JPG, PNG or SVG) and send it to the UI.

@tank666
Thanks for answer.
What about 3rd approach ? Are there any practices, how to do it ? Maybe hide it while doing font or what ?

In principle, I almost completely described it. Just after export, delete the TextNode created by the plugin.

Just try all three methods and choose the most suitable one or a combination of them.

@tank666
I guess, 1-2 approaches are not efficient, because there are hundreds of fonts in Figma, but locally I have very few of them on my Windows PC. Also I can’t manually load all these hundreds of fonts via CDN ))
But what if plugin crashes, for example… Need to catch such cases and remove temporal text nodes before exit, right ?

And also:
where would u advice to export such temporary text node image ?
I am developing plugin via React, so I have to export it as bytes, pass wia postMessage to UI (as base64 probably) - and there paste to src of <img/>, right ?