Loading A Font

You can load fonts dynamically in real-time:


RESETRUNFULL
<!doctype html><html lang="en"><body>
    <p style="font-size:50px;">I'm starting to wonder if there are more client-side JavaScript frameworks than there are apps that use them.</p>
    <script>
        const font = new
                              FontFace('myfont', 'url(PARCHM.ttf)');
        font.load().then(()=>{
            document.fonts.add(font);
            document.querySelector("p").style.fontFamily
                                                                      ="myfont";
        });
    </script></body></html>