Individual fontFeatureSettings for a fontFamily

[michaelrommel]

Hello,

I try to set different features for fonts in a font family like so:

	theme: {
		// container: {
		// 	center: true,
		// 	padding: '2rem'
		// },
		fontFamily: {
			serif: [
				'PlayFair',
				{
					fontFeatureSettings: '"liga", "lnum"'
				},
				'Novela',
				{
					fontFeatureSettings: '"liga", "ss01"'
				}
			],
			sans: ['"Noto Sans"', ...defaultTheme.fontFamily.sans],
...

However, only the first setting is used for all fonts in this definition. Is there a way to achieve this in the tailwind.config.js file or do I have to define this inside the app.css file within all @font-face declarations?

Thanks,

MIchael.

[michaelrommel]

At the moment I think I can only override this in individual components using the tailwind classes or set this on html/body directly. I think it makes sense, as the serif font-family picks the first available and for a self-supplied font file from my server, either the first one works or both of them do not work...

[michaelrommel]

Closing this now. Seems overriding the individual components is sufficient.