اعمال نشدن فونت دلخواه

سلام دوستان میخوام به تلیویند فونت خودم اعمال کنم که پوشه فونت ایجاد کردم فونت ها داخلش قرار دادم و این کد داخل فایل input.css نوشتم

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base{
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/PeydaWeb-Thin.woff) format(woff);
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/peydaWeb-extralight.woff) format(woff);
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/peydaWeb-light.woff) format(woff);
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/PeydaWeb-Regular.woff) format(woff);
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/PeydaWeb-Medium.woff) format(woff);
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/PeydaWeb-SemiBold.woff) format(woff);
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/PeydaWeb-Bold.woff) format(woff);
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/PeydaWeb-ExtraBold.woff) format(woff);
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'peyda';
        src: url(../src/font/PeydaWeb-Black.woff) format(woff);
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }
}

و این هم داخل فایل config نوشتم

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {
      fontFamily: {
        'peyda':'peyda'
      }
    },
  },
  plugins: [],
}

اما فونت اعمال نمیشه