Right way of extending the theme's fontFamily

[jgoux]

Hello all,

I'm trying to setup Inter font with twind, but I also want to have the other default fonts as fallback.

I didn't find a plain object exported from twind that would contain the default theme.fontFamily.sans defined here.

So I'm trying to use the theme helper but I'm unsure about what to give it as a context.

extend: {
  fontFamily: {
    sans: ["Inter var", ...theme("fontFamily.sans")(/* context? */)],
  },
},

Thanks for your help.

[sastan]

oh... That is currently not possible. But it should. Would the following code work for you (once implemented)?

setup({
  theme: {
    extend: {
      fontFamily: (theme) => ({
        sans: ["Inter var", theme("fontFamily.sans")]
      })
    }
  }
})

[jgoux]

Yes it would be great 👍

[sastan]

Should work with v0.16.3

[jgoux]

Awesome, thanks for the reactivity! 👏