Using font or any other font from the marketplace

[KollPotato]

I am trying to use custom font from the marketplace in the Text element. How do I do it?
I tried using Tailwind theme config to set custom font like this:

/** @type {import("tailwindcss").Config} */
module.exports = {
    content: [
        "./src/**/*.tsx",
        "./src/**/**/*.tsx",
        "./src/**/**/**/*.tsx"
    ],
    theme: {
        extend: { },
        fontFamily: {
            "rubik": ["\"rbxassetid://12187365977\""]
        }
    },
    plugins: [],
}

And then tried to use it like this:

<Text className="font-rubik" Text="Hello"/>

But it didn't work