search

nextui-org / next-app-template

A Next.js 14 with app directory template pre-configured with NextUI (v2) and Tailwind CSS.
https://nextui-app.vercel.app
MIT License
301 stars 72 forks source link

Fonts not working #7

Closed Redoxahmii closed 6 months ago

Redoxahmii commented 1 year ago

i am fairly new to this so changing the fonts inside fonts.ts is not really changing the fonts for my environment i have tried to set it directly inside the layout.tsx directly but it still does not work that properly.

wingkwong commented 6 months ago

in tailwind.config.js, you need to extend the fontFamily in tailwind.config.js. e.g.

  theme: {
    extend: {
      fontFamily: {
        sans: ["var(--font-sans)"],
        mono: ["var(--font-geist-mono)"],
      },
    },
  },