JSFiddle - React, Tailwind, and code Playground

by Bartosz Zieliński

HTML

<textarea id='txt'></textarea>

JavaScript

const getFontData = async () => {
	const res = [];
	try {
		for await (const metadata of await navigator.fonts.query()) {
			res.push(metadata);
		}
	} catch(e) {
		console.error('>>>error getting local fonts data:', e);
	}
    return res;
};

window.onload = async function () {
	var res = await getFontData();
  document.getElementById('txt').innerHTML = res;
}