-
-
Notifications
You must be signed in to change notification settings - Fork 419
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
In a project with Tailwind and Starlight integrated, the fonts in the non-starlight pages get broken #1651
Comments
Okay i can see it something to do with the tailwind starlight plugin changing the font to times in the page directory. Maybe a recommended fix is to just apply to content directory. |
I would say try to apply with a class |
Could you please advise how specifically do I do that? Thank you! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
What version of
starlight
are you using?0.21.2
What version of
astro
are you using?4.5.8
What package manager are you using?
npm
What operating system are you using?
Mac
What browser are you using?
Chrome
Describe the Bug
Actual: As soon as
starlightPlugin()
is included intailwind.config.mjs
, the fonts in the "normal" astro pages (outside ofcontent/docs
) gets broken, renders asTimes
Expected: Both Starlight-based documentation part of the website and normal astro pages respect
fontFamily
from Tailwind theme.Related to #746
Video demo: https://youtu.be/HGvO4Du6ta4
Link to Minimal Reproducible Example
Project created with
--template starlight/tailwind
, custom page added later:https://stackblitz.com/edit/github-axfwam?file=src%2Fpages%2Fhello.astro
Project created with
--template with-tailwindcss
, starlight integration added later:https://stackblitz.com/edit/github-srxkqp?file=src%2Fpages%2Findex.astro
Participation
The text was updated successfully, but these errors were encountered: