I use Playfair Display font from google font in my project, but font is look different from google font. I already search but I can’t fix it. I use Next JS and Tailwind in my project.

this is my code

tailwind.config.ts

fontFamily: {
      'prompt':['Prompt', 'sans-serif'],
      'playfair': ['Playfair Display', 'serif'],
    }

cover.tsx

<div className="">
                    <p className="font-normal text-[250px] mt-[-100px] ml-[300px]">PORT</p>
                    <p className="font-playfair italic text-[230px] text-secondary">folio</p>
                </div>