how do you change the font?

[adobug]

I tried changing everything to the Ubuntu font, but that font doesn't support everything the stock one does.
I changed this in layout.tsx
import { Ubuntu } from 'next/font/google' const ubuntu = Ubuntu({ subsets: ['latin'], display: 'swap', style: ['italic', 'normal'], weight: ['300','400','500','700'], fallback: ['Arial'], })
Apparently calling .variable on this constant is not supported so I removed it
And I also changed every font-weight from 600 to 500, because this font doesn't support it.
I've never worked with js, and I haven't programmed in a while in general, so I might have missed something.
The whole code is on https://github.com/adobug/adobug.github.io

The question was also asked back in 2022, but those files no longer exist