如何在 TailWindCSS 中使用诸如 fontsource 之类的 Web 字体库答案

【问题标题】：How do I use a web font library like fontsource in TailWindCSS如何在 TailWindCSS 中使用诸如 fontsource 之类的 Web 字体库
【发布时间】：2021-08-16 05:53:57
【问题描述】：

我正在尝试使用 tallwindCSS 和 React 从 @fontsource 存储库导入和使用字体我用npm install @fontsource/advent-pro 安装了字体我已将字体添加到 index.js：@import "@fontsource/advent-pro" 我已将它们添加到 tallwind.config.js：

  module.exports = {
  theme: {
    extend: {
      fontFamily: {
        "logoText": ['advent-pro', sans]
      },
    },
  },
};

然后我希望能够添加一个带有 className="font-logoText" 的类，但这似乎并没有给我我期望的字体。我错过了什么？

【问题讨论】：

标签： reactjs tailwind-css

【解决方案1】：

做 php artisan view:clear 并清除导航器的缓存（如果不与工匠合作）

你使用 php artisan serve 吗？通常它不需要刷新，但如果像我一样使用 LAMP（wammp 或 xammp ......这种服务器），那么你需要按照我的建议进行刷新。当然你也需要重建，

也执行 npm run dev

【讨论】：