Hey all,
I followed closely the documentation about Nextjs Google Fonts and Local Font specifically, but I can't seem to set the font-size for screens larger than 1440 to be bigger.

My config in the ⁨layout.tsx⁩ is as follows:
⁨

  const ebg = localFont({
  src: "./font/ebg.ttf",
  weight: "700",
  variable: '--ebg-font',
  display: "swap",
});

⁩

I dont' even understand why should i use variable property at all?
Does it have any significance?