Next.js 在使用tailwind css的下一个js中存在本地字体大小问题

我不知道为什么不能使用tailwind.config.js覆盖我的字体系列。我从谷歌字体下载了一个名为Poppins的字体。然后我用字体脸从我的公用文件夹中附加我的字体。之后，我在tailwind.config.js中创建了一个主题。但是当我尝试使用devtools时，字体家族仍然不是我想要使用的Poppins

tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  mode: 'jit',
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Poppins', 'sans-serif'],
      },
    },
  },
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
};

@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  src: url('../public/fonts/Poppins-Bold.ttf') format('truetype');
}

global.css

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  mode: 'jit',
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Poppins', 'sans-serif'],
      },
    },
  },
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
};

@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  src: url('../public/fonts/Poppins-Bold.ttf') format('truetype');
}

html

 <Link href='/'>
            <a title='list of Propery' className='font-sans'>
              List of Property
            </a>
          </Link>

Devtools

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  mode: 'jit',
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Poppins', 'sans-serif'],
      },
    },
  },
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
};

@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  src: url('../public/fonts/Poppins-Bold.ttf') format('truetype');
}