Importing fonts

tailwindcss-in-browser was written to support the @theme directive, and we never went beyond that with the implementation. See: https://github.com/balintbrews/tailwindcss-in-browser?tab=readme-ov-file.... Now, @import for a font is not Tailwind-specific, but Tailwind has an abstraction layer on top, which is why we also ran into ✨ Modifying Tailwind theme in global CSS Active .

Happy to dig into how to make this happen.

+1 to this.

I’ve been trying to import a couple of fonts into my global CSS using the UI:

@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Lato:wght@300;400;600;700;900&display=swap");

I’ve defined these fonts within @theme as:

--font-merriweather: 'Merriweather', serif;
--font-lato: 'Lato', sans-serif;

However, these fonts are not being applied to any of the components.
<h2 className="font-merriweather"> Test </h2>

This was fixed in 🐛 @import CSS at-rules are stripped from global CSS managed in code editor Active .