How can I use an external font with code on a dynamic Database Page?

Ask the community
,
1

To preface, I’m still not sure how I managed to do this (got help from the forum) but on my database, I was attributing one of the fields to an HTML box on a dynamic page. I don’t fully understand the code (I’m very new to this), but I’ll provide the javascript used on the page here:

$w.onReady(function () {
let urlMessage = $w('#dynamicDataset').getCurrentItem().menu;
                $w("#html1").onMessage( (event) => {
                     $w("#html1").postMessage(urlMessage);
                    });
});

And this is the code I put in the HTML box (in this case, the field is ‘menu’):

<!doctype html>
<html>
<head>
    <script type="text/javascript"> 
    
        window.onmessage = (event) => {
            if (event.data) {
                document.getElementById("menu").innerHTML = event.data;
            }
        };
        
        function sendLoadMessage () {
            window.parent.postMessage("LoadOk", "*");
            }
    </script>
</head>
<body onload="sendLoadMessage ();" >
    <div id="menu"></div>
</body>

I’m not sure if either of these snippets is relevant to my question but here it is: I have a woff2 file (which I uploaded to Wix already) which I intend on using as the font for my HTML text. How would I go about using it, when I input CSS and HTML code in the ‘menu’ field?

Thank you in advance for the help!