How to add font features in tailwind.config?

This is my current tailwind.conf.js

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
content: [
"./src/**/*.{html,ts}",
],
theme: {
extend: {
fontFamily: {
sans: ['InterVariable', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [],
}


I would like to add font features for sans:

{
fontFeatureSettings: '"cv11", "ss01"',
fontVariationSettings: '"opsz" 32'
}


I've tried adding like this but it didn't work:

module.exports = {
content: [
"./src/**/*.{html,ts}",
],
theme: {
extend: {
fontFamily: {
sans: ['InterVariable', ...defaultTheme.fontFamily.sans,
{
fontFeatureSettings: '"cv11", "ss01"',
fontVariationSettings: '"opsz" 32'
},
],
},
},
},
plugins: [],
}


How can I add font features globally?

Continue reading...