TailwindCSS自定义主题不适用于Nuxt.js

Question

我已经从create nuxt-app安装了@nuxtjs/tailwindcss，并用以下值修改了tailwind.config.js文件：

module.exports = {
  important: true,
  theme: {
    theme: {
      extend: {
        fontFamily: {
          one: ["Arial", "Poppins", "Raleway"],
          two: ["Muli", "Open Sans"]
        },
        screens: {
          xll: "1400px"
        }
      }
    }
  },
  variants: {},
  plugins: []
};

当我将font-one类应用于元素时，此配置不起作用

编辑： https://codesandbox.io/s/nuxt-tailwindcss-bhc5n

有人可以帮助我吗？感谢您的答复

Answer 1

您的配置中有两个“主题”。这就是为什么它不起作用。

  theme: {
    theme: {