接入Tailwind后Playfair Display字体无法生效问题求助

• 修正字体族配置的引号与fallback设置
  你的Tailwind配置里，字体名称的嵌套引号属于多余写法，且Playfair Display是衬线字体，fallback应该用serif而非cursive，修改后的配置如下：

  module.exports = { 
      content: ["./src/**/*.{html,js}"], 
      theme: {
          extend: {
            fontFamily: {
              playfair: ['Playfair Display', 'serif'],
            }
          }
        }
  };
  

• 确认Content路径覆盖目标文件
  检查你的index.html是否在src目录下，如果文件在根目录，需要调整content配置包含根路径的HTML：

  content: ["./*.html", "./src/**/*.{html,js}"],
  

• 重启Tailwind开发服务器
  修改tailwind.config.js后，必须重启本地开发服务器，新配置才会被加载生效。

• 强制刷新浏览器清除缓存
  按下Ctrl + F5（Windows）或Cmd + Shift + R（Mac）强制刷新页面，清除旧的CSS缓存。

内容的提问来源于stack exchange，提问作者Mykola Kosobutskyi