Importing self hosted custom font in Tailwind

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

@layer base {
    @font-face {
        font-family: "avenir";
        src: url('/public/fonts/AvenirLTStd-Black.otf') format('OpenType');
    }

    @font-face {
        font-family: "prisma";
        src: url('/public/fonts/Prisma.ttf') format('TrueType');
    }
}

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

@layer base {
    @font-face {
        font-family: "avenir";
        src: url('/public/fonts/AvenirLTStd-Black.otf') format('OpenType');
    }

    @font-face {
        font-family: "prisma";
        src: url('/public/fonts/Prisma.ttf') format('TrueType');
    }
}