Need help linking a range slider to font variables interaction

Hey Webflow community :wave:

I’ve come across a major problem. Usually I find a solution, but this one has stumped me all day. I’m trying to implement some custom code into my website allowing me to drag a range slider which would then trigger the weight, size, or leading of my font variable. Although I’ve tried jQuery and JS, my live testing site still doesn’t work. Does anyone know the code to fix this issue?

I am using the range slider provided by Finsweet Attributes, shown at the bottom of the home page.

Here is my read-only-link: Webflow - Fontcy

Look forward to hearing from someone very soon on this one.

Josh Bundren

Here is a website for reference with the font previewer range sliders I am trying to achieve: Domaine Display fonts · Klim Type Foundry